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:
export class AppComponent {
name: string = 'john';
}
Og nå ved hjelp av SlicePipe-kanalen
vil vi avkorte strengen ved å spesifisere start-
og sluttindeks for den:
<div>
{{ name | slice:0:2 }}
</div>
Resultatet blir følgende:
<div>
jo
</div>
Opprett en streng som inneholder 11
tegn. Vis et segment fra
2 til 4 indeks på skjermen.