Stringi lõikamine kanali kaudu Angularis

Õppigem kasutama kanarit SlicePipe. See kanrit võimaldab stringi lõikamist. Samal ajal võtab see parameetrid, mis määravad lõikamise alguse ja lõpu indeksid. Parameetri edastamiseks pärast kanri nime pannakse koolon ja loetletakse parameetrid.

Vaatame näidet. Komponendi klassis määrame omaduse name:

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

Ja nüüd kanri SlicePipe abil lõikame stringi, määrates sellele alguse ja lõpu indeksid:

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

Tulemuseks saame järgmise:

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