Oversættelse til store bogstaver via en pipe i Angular
Med pipen UpperCasePipe kan man
oversætte en streng til store 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 | uppercase }}
</div>
Resultatet af kodeudførelsen:
<div>
JOHN
</div>
Lad os sige du har et array:
export class AppComponent {
users: string[] = ['john', 'alex', 'kate', 'mary'];
}
Udskriv hvert element i arrayet med store bogstaver.