Verigi kanalov v Angular

Za uporabo več vrst za eno vrednost lahko uporabimo verige kanalov. Za to zapišemo vse potrebne kanale preko simbola |.

Nastavimo v razredu glavne komponente lastnost name:

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

V HTML-predlogi zapišimo izpis imena uporabnika v zgornjem registru, pri čemer izključimo del niza ' d.':

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