Reťazce kanálov v Angular

Na aplikovanie viacerých druhov na jednu hodnotu, môžeme využiť reťazce kanálov. Preto vypíšeme všetky potrebné kanály cez symbol |.

Nastavme v triede hlavného komponentu vlastnosť name:

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

V HTML šablóne napíšme výpis používateľského mena v hornom registri, s vylúčením časti reťazca ' d.':

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