formations/javascript/angular/filtres-1.md

23 lines
959 B
Markdown

# .cadoles-slide-title[Les filtres (1/3)]
- Les filtres permettent de formatter le résultat d'une expression afin de l'afficher à l'utilisateur.
- Ils peuvent être utilisés dans les templates, dans les contrôleurs ou dans les services.
- Angular fournit une liste de [filtres par défaut](https://code.angularjs.org/1.3.15/docs/api/ng/filter), mais il est possible également de créer ses propres filtres.
**Usage d'un filtre dans les expressions**
```html
<div ng-app ng-init="myStr = 'Hello World !'; myArr = ['item 1', 'item 2', 'item 3']">
<!-- Syntaxe: expression | filtre[:arg1:arg2:...] -->
<span>{{ myStr | uppercase }}</span> <!-- "HELLO WORD !" -->
<!-- On peut chaîner les filtres -->
<span>{{ myStr | uppercase | lowercase }}</span> <!-- "hello world !" -->
<!-- On peut l'utiliser sur différents types de valeurs, par exemple un tableau -->
<span>{{ myArr | limitTo:2 }}</span> <!-- ['item 1', 'item 2'] -->
</div>
```