Lanțuri de pipe-uri în Angular
Pentru a aplica mai multe transformări unei singure
valori, puteți utiliza lanțuri de
pipe-uri. Pentru aceasta, scriem toate pipe-urile
de care avem nevoie prin simbolul |.
Să setăm în clasa componentei principale
proprietatea name:
export class AppComponent {
name: string = 'john d.';
}
În șablonul HTML, vom scrie afișarea numelui
utilizatorului cu majuscule, excluzând
partea de șir ' d.':
<div>{{ name | uppercase | slice:0:4 }}</div>
Setați în clasa componentei voastre principale
un șir format din 10 caractere.
Afișați pe ecran ultimele cinci caractere
cu majuscule.