Kanalite ahelad Angularis

Mitme kanali rakendamiseks ühele väärtusele, saab kasutada kanalite ahelaid. Selleks kirjutame kõik vajalikud kanalid läbi sümboli |.

Seadistame peamise komponendi klassis omaduse name:

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

HTML-mallis kirjutame kasutaja nime väljundi suurtähtedega, välja arvatud osa stringist ' d.':

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