Conversion en minuscules via un pipe dans Angular
Avec le pipe LowerCasePipe,
on peut convertir une chaîne en minuscules.
Essayons en pratique. Supposons que dans la
classe du composant nous ayons la chaîne
suivante :
export class AppComponent {
name: string = 'JOHN';
}
Affichons notre chaîne dans le fichier de template, en lui appliquant notre pipe :
<div>
{{ name | lowercase }}
</div>
Résultat de l'exécution du code :
<div>
john
</div>
Supposons que vous ayez un tableau :
export class AppComponent {
products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}
Affichez chaque élément du tableau en minuscules.
