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:
export 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:
<div>
{{ name | slice:0:2 }}
</div>
Výsledkom bude:
<div>
jo
</div>
Vytvorte reťazec obsahujúci 11
znakov. Zobrazte segment od
2 po 4 index.