Vertalen naar kleine letters via een pipe in Angular
Met de pipe LowerCasePipe
kan je een string naar kleine letters omzetten.
Laten we het in de praktijk proberen. Stel dat we in de
component class de volgende string hebben:
export class AppComponent {
name: string = 'JOHN';
}
Laten we onze string weergeven in het template bestand, waarbij we onze pipe toepassen:
<div>
{{ name | lowercase }}
</div>
Resultaat van de code:
<div>
john
</div>
Stel dat je een array hebt:
export class AppComponent {
products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}
Geef elk element van de array weer in kleine letters.
