Kanavaketjut Angularissa

Jos haluat käyttää useita muunnoksia yhteen arvoon, voit käyttää kanavaketjuja. Tätä varten kirjoitamme kaikki tarvitsemamme kanavat |-symbolin kautta.

Asetetaan pääkomponentin luokkaan ominaisuus name:

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

HTML-sivupohjassa määritellään käyttäjän nimen tulostaminen isoilla kirjaimilla, pois lukien merkkijono ' d.':

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