AngularJs 에서 자주 사용 하 는 필터

2626 단어 angularjs필터
날짜 포맷

{{ 1304375948024 | date }}       //  :May 3, 2011
{{ 1304375948024 | date:"MM/dd/yyyy @ h:mma" }}  //  :05/03/2011 @ 6:39AM
{{ 1304375948024 | date:"yyyy-MM-dd hh:mm:ss" }} //  :2011-05-03 06:39:08
number 포맷

{{ 1.234567 | number:1 }} //  :1.2
{{ 1234567 | number }}  //  :1,234,567
화폐 포맷

{{ 250 | currency }}     //  :$250.00
{{ 250 | currency:"RMB ¥ " }}  //  :RMB ¥ 250.00
필터 찾기

{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | filter:'s'}} //     s  
 
//    :[{"age":12,"id":11,"name":"sunm xing"},{"age":44,"id":12,"name":"test abc"}]
 
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | filter:{'name':'iphone'} }} //  name iphone  
 
//    :[{"age":20,"id":10,"name":"iphone"}] 
orderby 이미지 정렬

{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | orderBy:'id':true }}  // id   
 
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | orderBy:'id' }}   //  id   
limito 문자열,이미지 캡 처

{{ "i love tank" | limitTo:6 }}   //  :i love
{{ "i love tank" | limitTo:-4 }}   //  :tank
 
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | limitTo:1 }}  //  :[{"age":20,"id":10,"name":"iphone"}]
자신 을 편리 하 게 하고 남 을 편리 하 게 하 다.
이상 은 본 고의 모든 내용 입 니 다.본 고의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.또한 저 희 를 많이 지지 해 주시 기 바 랍 니 다!

좋은 웹페이지 즐겨찾기