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:

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

Și acum folosind pipe-ul SlicePipe vom trunchia șirul, specificând indicele de început și de sfârșit:

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

Ca rezultat, vom obține următoarele:

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