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:
export 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:
<div>
{{ name | slice:0:2 }}
</div>
Az eredmény a következő lesz:
<div>
jo
</div>
Hozz létre egy sztringet, amely 11
karaktert tartalmaz. Jelenítsd meg a képernyőn a
2-tól a 4 indexig tartó szakaszt.
