Prevod na malé písmená cez pipe v Angular
Pomocou pipe LowerCasePipe
môžete previesť reťazec na malé písmená.
Vyskúšajme si to v praxi. Predpokladajme, že
v triede komponentu máme nasledujúci
reťazec:
export class AppComponent {
name: string = 'JOHN';
}
Zobrazme náš reťazec v súbore template, aplikovaním nášho pipe:
<div>
{{ name | lowercase }}
</div>
Výsledok vykonania kódu:
<div>
john
</div>
Predpokladajme, že máte pole:
export class AppComponent {
products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}
Zobrazte každý prvok poľa malými písmenami.