Kanalrekker i Angular

For å anvende flere typer på én verdi, kan du bruke kanalrekker. For dette skriver vi alle de nødvendige kanalene gjennom symbolet |.

La oss sette egenskapen name i hovedkomponentklassen:

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

I HTML-malen skriver vi ut brukerens navn i store bokstaver, og utelater delstrengen ' d.':

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