Trunchierea șirului prin pipe în Angular
Să învățăm cum să folosim pipe-ul SlicePipe.
Acest pipe permite trunchierea unui șir. În
același timp, acceptă parametri care specifică
indicele de început și de sfârșit al tăierii.
Pentru a transmite parametri după numele pipe-ului
se pune două puncte și se enumeră parametrii.
Să privim un exemplu. În clasa
componentei definim proprietatea name:
export class AppComponent {
name: string = 'john';
}
Și acum folosind pipe-ul SlicePipe
vom trunchia șirul, specificând indicele de
început și de sfârșit:
<div>
{{ name | slice:0:2 }}
</div>
Ca rezultat, vom obține următoarele:
<div>
jo
</div>
Creați un șir care include 11
caractere. Afișați segmentul de la
indicele 2 până la 4.