Szöveg kisbetűssé alakítása pipe segítségével Angularban
A LowerCasePipe segítségével
egy stringet alakíthatunk kisbetűssé.
Próbáljuk ki a gyakorlatban. Tegyük fel, hogy
a komponens osztályban van a következő
string:
export class AppComponent {
name: string = 'JOHN';
}
Jelenítsük meg a stringünket a template fájlban, alkalmazva rajta a pipe-ot:
<div>
{{ name | lowercase }}
</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 {
products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}
Jelenítsd meg a tömb minden elemét kisbetűkkel.
