Explication détaillée des filtres intégrés d'AngularJS_AngularJS

Aujourd'hui, nous allons découvrir les filtres intégrés d'AngularJS

Voyons comment utiliser ces filtres intégrés :

Un filtre sans paramètres
{{expression | filtre}}

Un filtre avec des paramètres
{{expression | filtre:arguments}}

Un filtre à plusieurs paramètres
{{expression | filtre : arg1 : arg2 : ...}}

Plusieurs filtres sans paramètres
{{expression | filtre1 | filtre2 ...}}

Ci-dessous, nous utilisons les filtres intégrés suivants d'AngularJS

devise

currency nous permet de définir notre propre symbole monétaire. Par défaut, le symbole monétaire de la région où se trouve le client sera utilisé.
Il peut être utilisé comme ceci : {{ 3600 | devise : "$￥"}}
Le résultat renvoyé est de ￥123,00 $
Cliquez pour prévisualiser le code en ligne

numéro

Le filtre numérique formate les nombres en texte. Son paramètre est facultatif et est utilisé pour contrôler le nombre de chiffres après la virgule décimale.
Si un caractère non numérique est transmis, une chaîne vide
sera renvoyée. Peut être utilisé comme ceci : {{ 3600 | numéro :2}}
Le résultat renvoyé est : 3 600,00
Cliquez pour prévisualiser le code en ligne

minuscules

minuscule convertit la chaîne en minuscule
Peut être utilisé comme ceci : {{ "HELlo" | minuscule}}
Le résultat renvoyé est : bonjour
Cliquez pour prévisualiser le code en ligne

majuscule

majuscule convertit la chaîne en majuscule
Peut être utilisé comme ceci : {{ "HELlo" | majuscule}}
Le résultat renvoyé est : BONJOUR
Cliquez pour prévisualiser le code en ligne

json

Le filtre json peut convertir un objet JSON ou JavaScript en chaîne.
Ce filtre est très utile pour le débogage
Il peut être utilisé comme ceci : {{ {"name": "dreampapple", "langue": "AngularJS"} | Le résultat renvoyé est : { "name": "dreamapple", "langue": "AngularJS" }

Cliquez pour prévisualiser le code en ligne

date

Le filtre de date filtre les dates dans le format souhaité. C'est vraiment un bon filtre.

Il existe de nombreuses façons d’utiliser ce filtre. En voici quelques-unes couramment utilisées
{{ aujourd'hui | date : "aaaa - mm - jj"}}
Le résultat est : 2015-15-13
{{ aujourd'hui | date : "aaaa - mm - jj HH:mm::ss"}}
Le résultat est : 2015-18-13 20:18::38
[code en ligne](2015 - 18 - 13 20:18 ::38)

Il existe également trois filtres intégrés, mais ils sont un peu plus compliqués à utiliser. Discutons-en ensemble dans le prochain article

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.