Řetězce kanálů v Angular

Chcete-li aplikovat několik transformací na jednu hodnotu, můžete využít řetězce kanálů. K tomu vypíšeme všechny potřebné kanály pomocí symbolu |.

Nastavme ve třídě hlavní komponenty vlastnost name:

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

V HTML šabloně vypišme jméno uživatele velkými písmeny, s výjimkou části řetězce ' d.':

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