Konwersja na małe litery za pomocą potoku w Angular
Za pomocą potoku LowerCasePipe,
można przekonwertować ciąg znaków na małe litery.
Spróbujmy w praktyce. Niech 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 | lowercase }}
</div>
Wynik wykonania kodu:
<div>
john
</div>
Załóżmy, że masz tablicę:
export class AppComponent {
products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}
Wyświetl każdy element tablicy małymi literami.
