Vertalen naar hoofdletters via een pipe in Angular
Met de pipe UpperCasePipe kun je
een string naar hoofdletters omzetten. Laten we
het in de praktijk proberen. Stel dat we in de component class
de volgende string hebben:
export class AppComponent {
name: string = 'john';
}
Laten we onze string weergeven in het template bestand, en daarbij onze pipe toepassen:
<div>
{{ name | uppercase }}
</div>
Resultaat van de code:
<div>
JOHN
</div>
Stel dat je een array hebt:
export class AppComponent {
users: string[] = ['john', 'alex', 'kate', 'mary'];
}
Geef elk element van de array weer in hoofdletters.
