« Voltar
em frontend angularjs

Usando configurações de localização no AngularJS.

Vamos dizer que eu queira mostrar o valor de um produto em minha aplicação AngularJS:

<span>  
    {{ produto.valor }}
</span>  

Mas pô, esse valor aí é dinheiro. Posso então usar o filtro currency do Angular:

<span>  
    {{ produto.valor | currency }}
</span>  

Mas, por padrão ele irá formatar esse valor no formato americano, assim:

$500,130.02

Mas não quero, quero mostrar em reais. Posso então passar um parâmetro para esse filtro:

<span>  
    {{ produto.valor | currency: 'R$' }}
</span>  

Ele vai adicionar o "R" antes:

R$500,130.02  

Mas tem um problema: aqui no Brasil nós usamos pontos para separar milhares e vírgulas para casas decimais. Ou seja, o contrário do formato americano. E também ficar colocando esse parâmetro em todos os lugares que eu usar o currency vai ser meio zuado, né?

Felizmente a solução é simples: basta você importar o script angular-locale_pt-br.js na sua aplicação:

<script src="js/lib/angular-locale_pt-br.js"></script>  

(você pode baixar o arquivo aqui)
E usar o currency sem passar nada mesmo:

<span>  
    {{ produto.valor | currency }}
</span>  

Que automaticamente o Angular vai usar os padrões brasileiros tanto para moeda quanto para datas!

Aí o valor ficaria assim:

R$500.130,02  

Se quiser usar configurações de localização de outro lugar, baixa importar o arquivo que você quer.
Simples, não é mesmo? :)

comments powered by Disqus