Conversión a minúsculas a través de una tubería en Angular

Con la tubería LowerCasePipe, se puede convertir una cadena a minúsculas. Probemos en la práctica. Supongamos que en la clase del componente tenemos la siguiente cadena:

export class AppComponent {
	name: string = 'JOHN';
}

Mostremos nuestra cadena en el archivo de la plantilla, aplicando nuestra tubería:

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

Resultado de la ejecución del código:

<div>
	john
</div>

Supongamos que tienes un array:

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

Muestra cada elemento del array en minúsculas.