Übersetzung in Kleinbuchstaben über einen Kanal in Angular

Mit dem Kanal LowerCasePipe kann man einen String in Kleinbuchstaben umwandeln. Probieren wir es praktisch aus. Angenommen, in der Komponentenklasse haben wir den folgenden String:

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

Geben wir unseren String in der Template-Datei aus und wenden dabei unseren Kanal an:

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

Ergebnis der Codeausführung:

<div>
	john
</div>

Angenommen, Sie haben ein Array:

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

Geben Sie jedes Element des Arrays in Kleinbuchstaben aus.