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:

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

Visualizziamo la nostra stringa nel file del template, applicando il nostro pipe:

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

Risultato dell'esecuzione del codice:

html<div>
  john
</div>

typescriptexport class AppComponent {
  products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}