Explication détaillée de l'utilisation du filtre AngularJS

Le filtre d'AngularJS, le nom chinois « filtre » est utilisé pour filtrer la valeur des variables, ou formater la sortie pour obtenir les résultats ou formats souhaités.

Introduction au filtre

Le filtre est utilisé pour formater les données.

Prototype de base de Filter (« | » est similaire au mode pipeline sous Linux) :

{{ expression | filter }}

Le filtre peut être utilisé dans une chaîne (c'est-à-dire filtre à utilisations consécutives multiples) :

{{ expression | filter1 | filter2 | ... }}

Le filtre peut également spécifier plusieurs paramètres :

{{ expression | filter:argument1:argument2:... }}

1. Utilisez
< dans le modèle de vue 🎜>

L'application de filtres dans les expressions

doit suivre le format suivant :

{{ expression | filter }}, c'est-à-dire {{ expression filter }}

Par exemple : {{ 12 | monnaie }} Le résultat est de 12,00 $

Appliquer des filtres au résultat de sortie

En termes simples, c'est la superposition des filtres - la sortie du filtre précédent est utilisée comme source de données d'entrée du filtre suivant

doit suivre le format suivant :

{{ expression | filter1 | | ... }} Autrement dit, l'expression (expression) est filtrée par filtre1 puis filtrée par filtre2...

Filtre avec paramètres

Le filtre peut être suivi Suivi d'un ou plusieurs paramètres, un filtre est utilisé pour aider à implémenter des exigences et des exigences particulières

doit suivre le format suivant :

{{ expression filter:argument1 : argument2 :... }}

Exemple : {{ 1234 | number:2 }} = 1 234,00

Filtre avec paramètres

Le filtre peut être suivi d'un ou Plusieurs paramètres sont utilisés pour aider à implémenter des exigences spéciales et des exigences de filtre

doit suivre le format suivant :

{{ expression filter:argument1:argument2:. .. }}

Exemple : {{ 1234 | number:2 }} = 1 234,00

2. Utiliser le filtre intégré d'AngularJS

AngularJS nous fournit 9 filtres intégrés

sont devise, date, filtre, json, limitTo, majuscule, minuscule, nombre, orderBy.

L'utilisation spécifique est détaillée dans la documentation AngularJS. En voici quelques-uns couramment utilisés.

filtre de devise

devise – utilisé pour convertir les variables en représentation monétaire

Par exemple : {{ montant | devise}}

Filtre majuscules/minuscules (filtre de casse des lettres)

Par exemple :

{{ "chaîne de majuscule inférieure" | model="userInput"> Majuscule : {{ userInput | majuscule }}

filtre de date (filtre de date)

tel que :

{{ 1304375948024 | date }}

{{ 1304375948024 | date :"MM/jj/aaaa @ h:mma" }}

filtre json

Par exemple :

{{ {foo: "bar", baz: 23} | >

dans Utiliser le filtre

dans les contrôleurs, les services et les directives. Vous pouvez utiliser le filtre dans le contrôleur, le service ou la directive AngularJS. À ce stade, vous devez ajouter le nom du filtre dépendant à la dépendance du contrôleur, du service ou de la directive.

Utilisez le filtre directement dans le contrôleur, afin que le contrôleur puisse appeler le filtre en temps opportun en fonction de ses propres besoins

Filtre personnalisé (filtre)<🎜. >

La forme d'écriture de filtres personnalisés dans AngularJS est très similaire au service d'usine d'AngularJS. Vous devez vous rappeler qu'il renvoie un objet ou une fonction. Lors de l'écriture, vous n'avez besoin que d'une fonction avec plus d'un paramètre Can. .

Le format est à peu près le suivant :

app.filter('filter(过滤器)名称',function(){ 
return function(需要过滤的对象,过滤器参数1,过滤器参数2,...){ 
//...执行业务逻辑代码 
return 处理后的对象; 
}
});

更多详解AngularJS Filter（过滤器）用法相关文章请关注PHP中文网！