AngularJS 필터 필터

AngularJS 참조 매뉴얼

정의와 사용법

filter 필터는 배열을 필터링하고, 일치하는 항목만 포함된 배열을 반환합니다.

이 필터는 배열에만 사용할 수 있습니다.

관련 페이지

AngularJS 강의:Angular 필터

인스턴스

예제 1

문자 "A"를 포함하는 항목을 표시:



    
<li ng-repeat="x in cars | filter : 'A'">{{x}}</li>

亲自试一试

예제 2

객체를 사용하여 필터링:



    
<li ng-repeat="x in customers | filter : {'name' : 'O', 'city' : 'London'}">
    {{x.name + ", " + x.city}}

亲自试一试

例子 3

进行“严格”比较，除非值与表达式完全相同，否则不会返回匹配项：



    

  • 
    {{x.name + ", " + x.city}}

    •

亲自试一试

语法

{{ arrayexpression | filter : expression : comparator }}

파라미터

파라미터 설명
expression

배열에서 항목을 선택할 때 사용하는 표현식입니다. 표현식의 타입은 다음과 같습니다:

문자열: 문자열과 일치하는 배열 항목을 반환합니다.

객체: 배열에서 검색할 패턴입니다. 예를 들어, filter: {"name" : "H", "city": "London"}는 이름에 "H"이 포함되고 도시에 "London"이 포함된 배열 항목을 반환합니다. 위의 예제를 참조하세요.

함수: 각 배열 항목에 대해 호출되는 함수로, 함수가 true를 반환하는 항목이 결과 배열에 나타납니다.
comparator

선택 사항. 비교의严格도를 정의합니다. 값은 다음과 같습니다:

true: 배열 항목의 값이 비교할 값과 완전히 일치할 때만 일치 항목을 반환합니다.

false: 배열 항목의 값이 비교할 값을 포함하고 있으면 일치 항목을 반환합니다. 이 비교는 대소문자를 구분하지 않습니다. 기본 값입니다.

함수: 일치하거나 일치하지 않는 것을 결정하기 위해 정의할 수 있는 함수입니다.

AngularJS 참조 매뉴얼