Angle의 $filter 서비스에 대한 간략한 분석

먼저 $filter 서비스를 소개합니다.

1. $filter는 데이터 서식 지정에 사용되는 전용 서비스입니다.

2. json ,limitTo,소문자,대문자,숫자,orderBy 이 8개 필터는

3. 필터는 파이프 기호 "|"로 구분하여 사용할 수 있습니다.

4, 필터는 매개변수를 전달할 수 있습니다.

5. 사용자는 필터를 맞춤 설정할 수 있습니다.

내장 필터 소개:

통화: 값 앞에 "$" 또는 "\"를 자동으로 추가하는 등 통화 형식을 지정하는 데 사용됩니다.

날짜: 날짜 형식을 지정하며 다양한 날짜 형식을 제공합니다.

json: json 형식 지정을 완료합니다.

숫자 : 소수점 이하 두 자리로 변환 등

orderBy: 정렬합니다.

간단한 필터 사용:

{{ 1304375948024 | date }}
{{ 1304375948024 | date:"MM/dd/yyyy h:mma" }}
{{ 1304375948024 | date:"yyyy-MM-dd hh:mm:ss" }}
{{ 30 | currency }}

출력:

2011년 5월 3일
2011/05/03 오전 6:39
2011-05-03 06:39:08
$30.00

맞춤 필터:

예:

var myModule = angular.module('myModule',[]);
myModule.filter('myFilter',function(){
return function(item){
return 'Hi,'+item;
}
});

사용: {{ 'JennyLin' | myFilter }}