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 :

app/app.component.tsexport class AppComponent {
  name: string = 'john';
}

Affichons notre chaîne dans le fichier de template, en lui appliquant notre pipe :

html<div>
  {{ name | uppercase }}
</div>

Résultat de l'exécution du code :

html<div>
  JOHN
</div>

typescriptexport class AppComponent {
  users: string[] = ['john', 'alex', 'kate', 'mary'];
}