Filtre AngularJS

Manuel de référence AngularJS

Définition et utilisation

filter Les filtres nous permettent de filtrer les tableaux et de renvoyer un tableau ne contenant que les éléments correspondants.

Ce filtre ne peut être utilisé qu'avec des tableaux.

Pages associées

Tutoriel AngularJS :Filtres Angular

Exemple

Exemple 1

Afficher les éléments contenant la lettre "A" :



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

亲自试一试

Exemple 2

Utiliser un objet en tant que filtre :



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

亲自试一试

例子 3

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



    

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

    •

亲自试一试

语法

{{ arrayexpression | filter : expression : comparator }}

Parameters

Parameters Description
expression

Expression utilisée pour sélectionner des éléments à partir d'un tableau. Le type de l'expression peut être :

Chaîne : retourne les éléments du tableau correspondant à la chaîne.

Objet : un objet est un modèle de recherche dans un tableau. Par exemple : filter: {"name" : "H", "city": "London"} retournera les éléments du tableau qui contiennent le nom "H" et la ville "London". Voir l'exemple ci-dessus.

Fonction : une fonction qui sera appelée pour chaque élément du tableau, et les éléments pour lesquels la fonction renvoie true apparaîtront dans le tableau de résultats.
comparator

Optionnel. Définir l'étendue de la comparaison. La valeur peut être :

true : seul lorsque la valeur de l'élément du tableau correspond complètement à la valeur à comparer, le correspondant est retourné.

false : si la valeur d'un élément d'un tableau contient la valeur à comparer, alors le correspondant est retourné. Cette comparaison ne différencie pas les majuscules et les minuscules. C'est la valeur par défaut.

Fonction : nous pouvons définir une fonction pour déterminer ce qui est considéré comme correspondant ou non correspondant.

Manuel de référence AngularJS