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:
export class AppComponent {
name: string = 'john';
}
Wyświetlmy nasz ciąg znaków w pliku szablonu, stosując na nim nasz potok:
<div>
{{ name | uppercase }}
</div>
Wynik wykonania kodu:
<div>
JOHN
</div>
Załóżmy, że masz tablicę:
export class AppComponent {
users: string[] = ['john', 'alex', 'kate', 'mary'];
}
Wyświetl każdy element tablicy wielkimi literami.