Conversione in maiuscolo tramite pipe in Angular
Con la pipe UpperCasePipe è possibile
convertire una stringa in maiuscolo. Proviamo
in 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 la pipe:
<div>
{{ name | uppercase }}
</div>
Risultato dell'esecuzione del codice:
<div>
JOHN
</div>
Supponiamo che tu abbia un array:
export class AppComponent {
users: string[] = ['john', 'alex', 'kate', 'mary'];
}
Visualizza ogni elemento dell'array in maiuscolo.