Pipe
s sont des filtres utilisables directement depuis la vue afin de transformer les valeurs lors du "binding".Pipes
Pipe
s est simplement inspirée des Pipe
s des shell UNIX que l'on retrouve dans de nombreux systèmes de templating.Pipe
s peuvent prendre des paramètres qu'il faut mettre après le Pipe
et séparés avec le symbole ":".Pipes
natifsPipe
async
Pipe
async
est un Pipe
capable de consommer des Observable
s (ou Promise
) en appelant implicitement la méthode subscribe
(ou then
) afin de "binder" les valeurs contenus dans l'Observable
(ou la Promise
).Observable
s, ce Pipe
unsubscribe
automatiquement à la destruction de la vue.
Cf. Gestion de la Subscription.Pipe
s personnalisésPipe
personnalisé, il faut :PipeTransform
,@Pipe()
en indiquant le nom du Pipe
.declarations
(et exports
) du module associé.Pipe
price
ci-dessous permet d'afficher le prix d'un produit représenté avec la classe Price
suivante :Pipe
peut alors être utilisé dans n'importe quel composant contenu dans un module qui importe le module PriceModule
:Pipe
peut être utiliser pour injecter des dépendances.Pipe
currency
afin de profiter de ses fonctionnalités tout en simplifiant son utilisation.providers
pour les Pipe
s.Pipe
est de l'ajouter à la liste des providers
d'un module importé par le module définissant notre Pipe.Pipe
Pipe
s pursPipe
s sont purs. C'est à dire que leur méthode transform
est une fonction pure, la valeur retournée ne dépend que des paramètres reçus et les appels n'ont aucun effet de bord. Autrement dit, le Pipe
est "stateless".Pipe
s purs (i.e. appel de la méthode transform
) que quand les paramètres changent.Pipe
s impursPipe
s impurs sont évalués à chaque Change Detection même quand les paramètres ne changent pas.
Ils sont déclarés en passant la valeur false
au paramètre pure
du décorateur Pipe
:Pipe
s suivant sont impurs :async
: Il est impur car les valeurs retournées par ce Pipe
peuvent changer à n'importe quel moment étant donné qu'elles proviennent d'une source asynchrone (Observable
ou Promise
). json
: Etant donné qu'il est principalement utilisé pour le "debug", ce Pipe
est impur car il est préférable que la valeur retournée soit mise à jour même si l'immutabilité n'est pas respectée. slice
: Bien que ce Pipe
fonctionnerait parfaitement en étant pur, il est probablement impur pour faciliter l'adoption d'Angular par la communauté car malheureusement l'immutabilité des Array
s est rarement respectée par les développeurs Angular.Pipe
s impurs est un "code smell" qui révèle généralement des problèmes de conception.