Kanaalkettings in Angular

Om verskeie vormgewings op een waarde toe te pas, kan jy kanaalkettings gebruik. Om dit te doen, skryf ons al die nodige kanale deur die simbool |.

Kom ons stel in die hoofkomponent se klas die eienskap name:

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

In die HTML-sjabloon sal ons die gebruikersnaam in hoofletters uitskryf, en die gedeelte van die string ' d.' uitsluit:

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