Lanac kanala u Angularu

Da biste primenili više vrsta na jednu vrednost, možete koristiti lanac kanala. Za ovo ispisujemo sve potrebne kanale kroz simbol |.

Hajde da postavimo u klasi glavne komponente osobin name:

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

U HTML šablonu ćemo ispisati ime korisnika velikim slovima, isključujući deo stringa ' d.':

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