Conversão para maiúsculas através de um pipe em Angular
Com o pipe UpperCasePipe é possível
converter uma string para maiúsculas. Vamos
experimentar na prática. Suponha que na classe
do componente temos a seguinte string:
export class AppComponent {
name: string = 'john';
}
Vamos exibir nossa string no arquivo de template, aplicando o pipe:
<div>
{{ name | uppercase }}
</div>
Resultado da execução do código:
<div>
JOHN
</div>
Suponha que você tenha um array:
export class AppComponent {
users: string[] = ['john', 'alex', 'kate', 'mary'];
}
Exiba cada elemento do array em maiúsculas.