Kanalų grandinės Angular

Norėdami pritaikyti kelis filtrus vienai reikšmei, galite naudoti kanalų grandines. Norėdami tai padaryti, parašykite visus mums reikalingus kanalus per simbolį |.

Pagrindinio komponento klasėje nustatykime savybę name:

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

HTML šablone parašykime vartotojo vardo atvaizdavimą didžiosiomis raidėmis, neįtraukiant eilutės dalies ' d.':

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