Merkkijonon katkaisu kanavan kautta Angularissa
Opitaan käyttämään kanavaa SlicePipe.
Tämä kanava mahdollistaa merkkijonon katkaisemisen. Se
ottaa vastaan parametrit, jotka määrittävät
katkaisun alku- ja loppuindeksit.
Parametrin välittämiseksi kanavan nimen jälkeen
aseta kaksoispiste ja luettele parametrit.
Katsotaan esimerkkiä. Komponentin luokassa
määritellään ominaisuus name:
export class AppComponent {
name: string = 'john';
}
Nyt SlicePipe-kanavan avulla
katkaistaan merkkijono määrittämällä sille alku-
ja loppuindeksit:
<div>
{{ name | slice:0:2 }}
</div>
Tuloksena saadaan seuraava:
<div>
jo
</div>
Luo merkkijono, joka sisältää 11
merkkiä. Tulosta näytölle osa
indeksistä 2 indeksiin 4.
