Фильтр AngularJS filter

Референсная книга 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