Konwersja na wielkie litery za pomocą potoku w Angular

Za pomocą potoku UpperCasePipe można przekonwertować ciąg znaków na wielkie litery. Sprawdźmy to w praktyce. Załóżmy, że w klasie komponentu mamy następujący ciąg znaków:

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

Wyświetlmy nasz ciąg znaków w pliku szablonu, stosując na nim nasz potok:

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

Wynik wykonania kodu:

html<div>
  JOHN
</div>

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