Ланцужкі каналаў у Angular

Каб прымяніць некалькі відаў да аднаго значэння, можна скарыстацца ланцужкамі каналаў. Для гэтага прапісваем усе патрэбныя нам каналы праз сімвал |.

Давайце зададзім у класе галоўнага кампанента ўласцівасць name:

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

У HTML-шаблоне прапішам вывад імя карыстальніка ў верхнім рэгістры, выключаючы частку радка ' d.':

<div>{{ name | uppercase | slice:0:4 }}</div>

Задайце ў класе свайго галоўнага кампанента радок, які складаецца з 10 сімвалаў. Вывядзіце на экран яе апошнія пяць сімвалаў у верхнім рэгістры.