Читать книгу Angular - Ferdinand Malcher - Страница 157

Pipes werden genutzt, um Daten für die Anzeige zu transformieren. Hinter einer Pipe steckt eine Funktion, die den Eingabewert nach einer bestimmten Vorschrift verarbeitet und das tranformierte Ergebnis zurückgibt. Wir können Pipes in jedem Template-Ausdruck verwenden, also bei der Interpolation, in Property Bindings oder in Direktiven. Sie werden durch das Symbol | (das »Pipe-Zeichen«) eingeleitet:

<p>{{ name | lowercase }}</p>

Pipes verketten

Pipes können auch aneinandergehängt werden, um mehrere Transformationen durchzuführen:

<p>{{ myDate | date | uppercase }}</p>

In der Iteration V ab Seite 353 widmen wir uns den Pipes noch sehr ausführlich. Dort lernen wir auch, wie wir eigene Pipes implementieren können.