Konvertering til små bogstaver via et pipe i Angular
Med LowerCasePipe pipet
kan man konvertere en streng til små bogstaver.
Lad os prøve det i praksis. Lad os sige at vi
i komponentklassen har følgende
streng:
export class AppComponent {
name: string = 'JOHN';
}
Lad os udskrive vores streng i template-filen, ved at anvende vores pipe:
<div>
{{ name | lowercase }}
</div>
Resultatet af kodeudførelsen:
<div>
john
</div>
Lad os sige du har et array:
export class AppComponent {
products: string[] = ['Milk', 'Bananas', 'Fish', 'Bread'];
}
Udskriv hvert element i arrayet med små bogstaver.