Conversion en majuscules via un pipe dans Angular
Avec le pipe UpperCasePipe, on peut
convertir une chaîne de caractères en majuscules. Essayons
en pratique. Supposons que nous ayons la chaîne suivante dans la classe
du composant :
export class AppComponent {
name: string = 'john';
}
Affichons notre chaîne dans le fichier de template, en lui appliquant notre pipe :
<div>
{{ name | uppercase }}
</div>
Résultat de l'exécution du code :
<div>
JOHN
</div>
Supposons que vous ayez un tableau :
export class AppComponent {
users: string[] = ['john', 'alex', 'kate', 'mary'];
}
Affichez chaque élément du tableau en majuscules.