Vertalen naar hoofdletters via een pipe in Angular

Met de pipe UpperCasePipe kun je een string naar hoofdletters 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, en daarbij onze pipe toepassen:

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

Resultaat van de code:

html<div>
  JOHN
</div>

Задание 1

Stel dat je een array hebt:

typescriptexport class AppComponent {
  users: string[] = ['john', 'alex', 'kate', 'mary'];
}

Geef elk element van de array weer in hoofdletters.