Szöveg nagybetűssé alakítása csatornával az Angularban
Az UpperCasePipe csatorna segítségével egy
szöveget nagybetűssé lehet alakítani. Próbáljuk
ki a gyakorlatban. Tegyük fel, hogy a komponens
osztályában a következő szöveg van:
export class AppComponent {
name: string = 'john';
}
Jelenítsük meg a szövegünket a template fájlban, alkalmazva rajta a csatornánkat:
<div>
{{ name | uppercase }}
</div>
A kód végrehajtásának eredménye:
<div>
JOHN
</div>
Tegyük fel, hogy van egy tömböd:
export class AppComponent {
users: string[] = ['john', 'alex', 'kate', 'mary'];
}
Jelenítsd meg a tömb minden elemét nagybetűkkel.