Ü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.
