Explication détaillée de l'utilisation du filtre AngularJS-js tutoriel-php.cn

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

高洛峰

Libérer： 2017-02-07 14:40:31

original

922 Les gens l'ont consulté

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 }}

Copier après la connexion

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

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

Copier après la connexion

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

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

Copier après la connexion

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 $

详解AngularJS Filter（过滤器）用法

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...

详解AngularJS Filter（过滤器）用法

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 :

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

详解AngularJS Filter（过滤器）用法

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 :

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

详解AngularJS Filter（过滤器）用法

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}}

详解AngularJS Filter（过滤器）用法

Filtre majuscules/minuscules (filtre de casse des lettres)

Par exemple :

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

Explication détaillée de lutilisation du filtre AngularJS filtre de date (filtre de date)

tel que :

Explication détaillée de lutilisation du filtre AngularJS filtre json

Par exemple :

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

Explication détaillée de lutilisation du filtre AngularJS 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

详解AngularJS Filter（过滤器）用法 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(&#39;filter(过滤器)名称&#39;,function(){ 
return function(需要过滤的对象,过滤器参数1,过滤器参数2,...){ 
//...执行业务逻辑代码 
return 处理后的对象; 
}
});

Copier après la connexion

详解AngularJS Filter（过滤器）用法

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