AngularJS je m'y mets !

Les filtres

Un filtre sert à mettre en forme le résultat d'une expression. La syntaxe est simple, il suffit de faire suivre l'expression du signe "|" suivi du nom du filrtre.

Filtre uppercase

{{"Essai" | uppercase}}
ESSAI

Pas besoin de grande explication pour ce filtre qui se contente de mettre tout en majuscules.

Filtre lowercase

Il existe évidemment le filtre inverse qui met tout en minuscules :

{{"Essai" | lowercase}}
essai

Filtre number

<div ng-app>
	Nombre de base : 263.21584<br>
	Application filtre number par défaut : {{263.21584 | number}}<br>
	Application filtre number avec deux décimales : {{263.21584 | number:2}}<br>
</div>	
Nombre de base : 263.21584
Application filtre number par défaut : 263.216
Application filtre number avec deux décimales : 263.22

Vous trouverez des explications précises dans la documentation.

Filtre date

<div ng-app>
	Date 2013-10-29 avec filtre date 'dd/MM/yyyy' : {{'2013-10-29' | date:'dd/MM/yyyy'}}<br>
	Date en millisecondes 1383001200000 avec filtre date 'dd/MM/yyyy' : {{'1383001200000' | date:'dd/MM/yyyy'}}
</div>
Date 2013-10-29 avec filtre date 'dd/MM/yyyy' : 29/10/2013
Date en millisecondes 1383001200000 avec filtre date 'dd/MM/yyyy' : 29/10/2013 

Vous trouverez des explications précises dans la documentation.

Filtre currency

<div ng-app>
	Valeur de base : 230.25<br>
	Application du filtre currency par défaut : {{230.25 | currency}}<br>
	Application du filtre currency avec Euro (€) : {{230.25 | currency:'€ '}}<br>
</div>
Valeur de base : 230.25
Application du filtre currency par défaut : $230.25
Application du filtre currency avec Euro (€) : €230.25

Vous trouverez des explications précises dans la documentation.

Nous verrons d'autres filtres plus tard, vous avez compris le principe !

Précédent

Retour à l'accueil...