Sečenje stringa preko kanala u Angularu

Hajde da naučimo kako da koristimo kanal SlicePipe. Ovaj kanal omogućava sečenje stringa. On prihvata parametre koji određuju početni i krajnji indeks sečenja. Za prosleđivanje parametra, nakon imena kanala stavlja se dvotačka i navode parametri.

Pogledajmo na primeru. U klasi komponente definisaćemo svojstvo name:

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

Sada ćemo pomoću kanala SlicePipe iseći string, navodeći za njega početni i krajnji indeks:

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

Kao rezultat ćemo dobiti sledeće:

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