String afkappen via pipe in Angular
Laten we leren hoe we de SlicePipe pipe kunnen gebruiken.
Deze pipe maakt het mogelijk om een string af te kappen. Hij
accepteert parameters die de
start- en eindindex voor het afkappen bepalen.
Om parameters door te geven, plaats je een dubbele punt
na de pipenaam en som je de parameters op.
Laten we een voorbeeld bekijken. In de component class
definiëren we een eigenschap name:
export class AppComponent {
name: string = 'john';
}
En nu kappen we de string af met behulp van de SlicePipe
pipe, waarbij we de start-
en eindindex opgeven:
<div>
{{ name | slice:0:2 }}
</div>
Het resultaat wordt het volgende:
<div>
jo
</div>
Maak een string aan die 11
tekens bevat. Toon het segment van
2 tot en met 4 index.