Avkorting av streng via kanal i Angular

La oss lære å bruke SlicePipe-kanalen. Denne kanalen tillater å avkorte en streng. Den tar imot parametere som spesifiserer start- og sluttindeks for avkorting. For å sende en parameter etter kanalnavnet bruker man kolon og lister opp parameterne.

La oss se på et eksempel. I komponentklassen definerer vi en egenskap name:

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

Og nå ved hjelp av SlicePipe-kanalen vil vi avkorte strengen ved å spesifisere start- og sluttindeks for den:

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

Resultatet blir følgende:

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