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

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

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

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

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

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

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

← →
↑