Przycinanie ciągu znaków za pomocą pipa w Angular

Nauczmy się używać pipa SlicePipe. Ten pip pozwala przyciąć ciąg znaków. Przy tym przyjmuje parametry, które określają indeks początkowy i końcowy przycinania. Aby przekazać parametr po nazwie pipa stosuje się dwukropek i wymienia parametry.

Spójrzmy na przykład. W klasie komponentu ustawmy właściwość name:

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

A teraz za pomocą pipa SlicePipe przytnijmy ciąg znaków, podając dla niego początkowy i końcowy indeks:

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

W rezultacie otrzymamy następujący wynik:

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