Channel-Ketten in Angular
Um mehrere Arten auf einen Wert anzuwenden,
kann man Channel-Ketten verwenden.
Dafür schreiben wir alle benötigten Channels
mit dem Symbol |.
Lassen Sie uns in der Klasse der Hauptkomponente
die Eigenschaft name festlegen:
export class AppComponent {
name: string = 'john d.';
}
Im HTML-Template schreiben wir die Ausgabe des Benutzernamens
in Großbuchstaben, wobei der Teilstring ' d.'
ausgeschlossen wird:
<div>{{ name | uppercase | slice:0:4 }}</div>
Legen Sie in der Klasse Ihrer Hauptkomponente
eine Zeichenkette fest, die aus 10 Zeichen besteht.
Geben Sie die letzten fünf Zeichen davon
in Großbuchstaben auf dem Bildschirm aus.
