Übersetzung in Großbuchstaben über einen Kanal in Angular

Mit dem Kanal UpperCasePipe kann man einen String in Großbuchstaben umwandeln. Lasst es uns in der Praxis ausprobieren. Angenommen, wir haben im Komponenten-Klasse die folgende Zeichenkette:

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

Lassen wir unsere Zeichenkette in der Template-Datei ausgeben, indem wir darauf unseren Kanal anwenden:

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

Ergebnis der Codeausführung:

<div>
	JOHN
</div>

Angenommen, Sie haben ein Array:

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

Geben Sie jedes Element des Arrays in Großbuchstaben aus.