Rækker af kanaler i Angular

For at anvende flere typer på én værdi, kan man bruge en række af kanaler. For at gøre dette skriver vi alle de nødvendige kanaler gennem symbolet |.

Lad os indstille i klassen for hovedkomponenten egenskaben name:

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

I HTML-skabelonen skriver vi udskriften af brugerens navn med store bogstaver, undtagen delstrengen ' d.':

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