티스토리 뷰

Java Script & HTML

AngularJS Filter 만들기

LichKing 2017. 2. 3. 23:28

angularJS에서 필터를 만드는법을 알아보자. 크게 어려운건 없다.


angular.module("dateFilter", [])
.filter("date", function () {
return function (date) {
return $.formatDateTime("yy.mm.dd", new Date(date));
}
})
.filter("time", function () {
return function (time) {
return $.formatDateTime("hh:ii:ss", new Date(time));
}
});

요렇게 필터를 정의해주고 사용하는 부분에서는 이렇게 사용하면 된다.

| 좌측에있는 값이 인자로 전달되고, 그 반환값이 노출되게된다.

<td>
<div class="td">{{round.productDate | date}}</div>
</td>


'Java Script & HTML' 카테고리의 다른 글

Strict Mode  (0) 2017.04.30
setTimeout과 custom sleep  (4) 2017.02.12
put, delete 메서드로 submit 하기  (0) 2016.12.04
bower를 이용한 의존성 관리  (0) 2016.05.14
#11. JavaScript의 리플렉션(reflection)  (0) 2015.11.26
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
글 보관함