Sztring vágása pipe segítségével Angularban

Tanuljuk meg, hogyan használjuk a SlicePipe pipe-ot. Ez a pipe lehetővé teszi egy sztring vágását. Ehhez paramétereket fogad, amelyek a vágás kezdő és végső indexét határozzák meg. A paraméter átadásához a pipe neve után kettőspontot teszünk és felsoroljuk a paramétereket.

Nézzünk egy példát. A komponens osztályban definiáljunk egy name tulajdonságot:

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

Most a SlicePipe pipe segítségével vágjuk meg a sztringet, megadva a kezdő és a végső indexet:

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

Az eredmény a következő lesz:

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