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

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

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

export class AppComponent {
	name: string = 'john';
}

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

<div>
	{{ name | slice:0:2 }}
</div>

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

<div>
	jo
</div>

Создадете низа која вклучува 11 знаци. Прикажете на екран отсечок од 2 до 4 индекс.