Kanal kedjor i Angular

För att tillämpa flera typer på ett värde, kan du använda kanalkedjor. För att göra detta skriver vi alla kanaler vi behöver via symbolen |.

Låt oss ställa in egenskapen name i huvudkomponentens klass:

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

I HTML-mallen skriver vi ut användarens namn i versaler, exklusive delsträngen ' d.':

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