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:

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

Nyt SlicePipe-kanavan avulla katkaistaan merkkijono määrittämällä sille alku- ja loppuindeksit:

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

Tuloksena saadaan seuraava:

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