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:
export class AppComponent {
name: string = 'john';
}
E ora utilizziamo la pipe SlicePipe
e tronchiamo la stringa, specificando gli indici
iniziale e finale:
<div>
{{ name | slice:0:2 }}
</div>
Il risultato sarà il seguente:
<div>
jo
</div>
Create una stringa che includa 11
caratteri. Visualizzate il segmento dall'
indice 2 all'indice 4.