Lanțuri de pipe-uri în Angular

Pentru a aplica mai multe transformări unei singure valori, puteți utiliza lanțuri de pipe-uri. Pentru aceasta, scriem toate pipe-urile de care avem nevoie prin simbolul |.

Să setăm în clasa componentei principale proprietatea name:

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

În șablonul HTML, vom scrie afișarea numelui utilizatorului cu majuscule, excluzând partea de șir ' d.':

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