Ланци цеви у 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>