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