Łańcuchy kanałów w Angular

Aby zastosować kilka rodzajów do jednej wartości, można skorzystać z łańcuchów kanałów. W tym celu wypisujemy wszystkie potrzebne nam kanały przez symbol |.

Ustawmy w klasie głównego komponentu właściwość name:

app/app.component.tsexport class AppComponent {
  name: string = 'john d.';
}

W szablonie HTML wypiszmy nazwę użytkownika wielkimi literami, wykluczając część ciągu ' d.':

app/app.component.html<div>{{ name | uppercase | slice:0:4 }}</div>