Сечење на низа преку канал во Angular

Ајде да научиме како да го користиме каналот SlicePipe. Овој канал овозможува сечење на низа. При тоа прима параметри кои ги одредуваат почетниот и крајниот индекс на сечење. За пренос на параметар по името на каналот се става две точки и се наведуваат параметрите.

Ајде да погледнеме на пример. Во класата на компонентата ќе поставиме својство name:

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

А сега со помош на каналот SlicePipe ќе ја исечеме низата, наведувајќи ги за неа почетниот и крајниот индекс:

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

Како резултат ќе се добие следново:

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