Цепочки каналов в Angular

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

Давайте зададим в классе главного компонента свойство name:

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

В HTML-шаблоне пропишем вывод имени пользователя в верхнем регистре, исключая часть строки ' d.':

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

Задайте в классе своего главного компонента строку, состоящую из 10 символов. Выведите на экран ее последние пять символов в верхнем регистре.