Troncamento di stringa tramite pipe in Angular

Impariamo a utilizzare la pipe SlicePipe. Questa pipe permette di troncare una stringa. Accetta parametri che specificano gli indici di inizio e fine del troncamento. Per passare i parametri, dopo il nome della pipe si mettono due punti e si elencano i parametri.

Vediamo un esempio. Nella classe del componente definiamo la proprietà name:

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

E ora utilizziamo la pipe SlicePipe e tronchiamo la stringa, specificando gli indici iniziale e finale:

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

Il risultato sarà il seguente:

app/app.component.html<div>
  jo
</div>