Conversione in minuscolo tramite pipe in Angular
Tramite il pipe LowerCasePipe,
è possibile convertire una stringa in minuscolo.
Proviamo nella pratica. Supponiamo che nella
classe del componente abbiamo la seguente
stringa:
export class AppComponent {
name: string = 'JOHN';
}
Visualizziamo la nostra stringa nel file del template, applicando il nostro pipe:
<div>
{{ name | lowercase }}
</div>
Risultato dell'esecuzione del codice:
<div>
john
</div>
Supponiamo che tu abbia un array:
export class AppComponent {
products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}
Visualizza ogni elemento dell'array in minuscolo.