Kanālu ķēdes Angular

Lai vienai vērtībai pielietotu vairākus kanālus, var izmantot kanālu ķēdes. Lai to izdarītu, visus nepieciešamos kanālus rakstām caur simbolu |.

Uzstādīsim galvenā komponenta klasē īpašību name:

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

HTML veidnē norādīsim lietotāja vārda izvadi augšējā reģistrā, izslēdzot daļu no virknes ' d.':

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