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

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

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

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

Ergebnis der Codeausführung:

html<div>
  JOHN
</div>

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