Skrátenie reťazca cez kanál v Angular

Naučme sa používať kanál SlicePipe. Tento kanál umožňuje skrátiť reťazec. Zároveň prijíma parametre, ktoré určujú počiatočný a koncový index rezu. Na odovzdanie parametra za menom kanála sa používa dvojbodka a zoznam parametrov.

Pozrime sa na príklad. V triede komponentu nastavme vlastnosť name:

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

A teraz pomocou kanála SlicePipe skrátime reťazec zadaním počiatočného a koncového indexu:

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

Výsledkom bude:

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