FabrícioRonchi

AngularJS - Filter Currency

09 February 2014

O que é?

Bom, como o nome já diz, a função filter currency é converter um numero para o formato de moeda.

A aplicação é bem simples, basta colocar "{ {ngModel | currency:'R$'} }", passando o tipo de moeda que deseja ser mostrado.

index.html

<html ng-app="myApp">
   <head>
      <script src="angularJs.js"></script>
      <script src="app.js"></script>
   </head>
   <body ng-controller="myController">
      <input type="number" ng-model="valor">
      <p>Valor Total: { {valor | currency:'R$'} }</p>
   </body>
</html>

app.js

var app = angular.module("myapp", []);
function MyController($scope) {
  $scope.valor = 10.00;
};

Exemplo

Valor Total: {(valor | currency:'R$')}

Qualquer dúvida, chama aí no Twitter!