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:

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

Laten we onze string weergeven in het template bestand, waarbij we onze pipe toepassen:

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

Resultaat van de code:

html<div>
  john
</div>

Задание 1

Stel dat je een array hebt:

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

Geef elk element van de array weer in kleine letters.