Csatornák láncolása az Angular-ban

Ahhoz, hogy több átalakítást alkalmazzunk egy értéken, használhatjuk a csatornák láncolását. Ehhez az összes szükséges csatornát a | szimbólumon keresztül írjuk elő.

Állítsuk be a fő komponens osztályában a name tulajdonságot:

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

A HTML-sablonban írjuk elő a felhasználó nevének kiírását nagybetűkkel, kizárva a ' d.' karakterláncrészletet:

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