Скраћење стринга кроз канал у Angular-у

Хајде да научимо како да користимо SlicePipe канал. Овај канал омогућава скраћење стринга. Он прихвата параметре који одређују почетни и крајњи индекс сечења. За прослеђивање параметара после имена канала стави се двотачка и наводе параметри.

Хајде да погледамо пример. У класи компоненте дефинишимо својство name:

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

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

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

Као резултат добијамо следеће:

<div>
	jo
</div>

Направите стринг који укључује 11 симбола. Прикажите на екрану део од 2 до 4 индекса.