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:

app/app.component.tsexport 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:

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

Het resultaat wordt het volgende:

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