Afskæring af streng via pipe i Angular

Lad os lære at bruge SlicePipe. Denne pipe giver mulighed for at afskære en streng. Den tager imod parametre, der angiver start- og slutindeks for afskæringen. For at sende en parameter efter pipens navn placeres et kolon og parametrene opremses.

Lad os se på et eksempel. I komponentklassen definerer vi en egenskab name:

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

Og nu ved hjælp af SlicePipe afskærer vi strengen ved at angive start- og slutindeks for den:

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

Resultatet bliver følgende:

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