Angular, 3rd Edition

KAPITEL 6

Pipes

Nicht immer weisen die verwendeten Daten jene Struktur auf, die unsere Komponenten für die Ausgabe benötigen. In solchen Fällen müssen Sie Ihre Objektstrukturen formatieren, sortieren oder filtern. Angular bietet für diese Aufgabe das Konzept der Pipes, mit dem sich Daten im Rahmen der Datenbindung transformieren lassen. Dieses Kapitel zeigt, wie Pipes zu verwenden sind, welche Pipes Angular ab Werk bietet und wie eine Anwendung eigene Pipes ins Spiel bringen kann.

Überblick

Um mit einer Pipe Daten im Zuge der Datenbindung zu transformieren, kommt jene Schreibweise zum Einsatz, die Sie von der Kommandozeile her kennen:

{{ flight.from | city }}

Demzufolge übergibt Angular den Wert auf der linken Seite des Pipe-Symbols | an die ...