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:
export 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:
<div>
{{ name | slice:0:2 }}
</div>
W rezultacie otrzymamy następujący wynik:
<div>
jo
</div>
Utwórz ciąg znaków zawierający 11
znaków. Wyświetl na ekranie wycinek od
2 do 4 indeksu.
