Вериги от канали в Angular

За да приложим няколко вида към една стойност, можем да използваме вериги от канали. За това изписваме всички нужни ни канали чрез символа |.

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

app/app.component.tsexport class AppComponent {
  name: string = 'john d.';
}

В HTML шаблона ще пропишем извеждане на името на потребителя с главни букви, изключвайки частта от низа ' d.':

app/app.component.html<div>{{ name | uppercase | slice:0:4 }}</div>