Catene di Pipe in Angular

Per applicare più trasformazioni a un singolo valore, puoi utilizzare le catene di pipe. Per fare questo, scriviamo tutti i pipe necessari tramite il simbolo |.

Definiamo la proprietà name nella classe del componente principale:

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

Nel template HTML, scriviamo l'output del nome utente in maiuscolo, escludendo la parte della stringa ' d.':

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