Převod na malá písmena přes kanál v Angular
Pomocí kanálu LowerCasePipe
lze převést řetězec na malá písmena.
Zkusme to v praxi. Předpokládejme, že v
třídě komponenty máme následující
řetězec:
export class AppComponent {
name: string = 'JOHN';
}
Vypišme náš řetězec v souboru šablony aplikováním našeho kanálu:
<div>
{{ name | lowercase }}
</div>
Výsledek provedení kódu:
<div>
john
</div>
Předpokládejme, že máte pole:
export class AppComponent {
products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}
Vypište každý prvek pole malými písmeny.