Estou com um problema na máscara de moeda com AngularJS.
Eu achei essa thread no Stackoverflow em inglês. A máscara funciona beleza digitando no input e chega certo no controller, porém quando eu mando formatado do controller para a tela não rola.
Aqui tem um exemplo.
- Trecho do código da directive
app.directive('format', ['$filter',
function ($filter) {
return {
require: '?ngModel',
link: function (scope, elem, attrs, ctrl) {
if (!ctrl) return;
ctrl.$formatters.unshift(function (a) {
return $filter(attrs.format)(ctrl.$modelValue)
});
ctrl.$parsers.unshift(function (viewValue) {
elem.priceFormat({
prefix: '',
centsSeparator: ',',
thousandsSeparator: '.'
});
return elem[0].value;
});
}
};
}
]);
- Código da pagina
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>
document.write('<base href="' + document.location + '" />');
</script>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"> </script>
<script data-require="[email protected]" src="http://code.angularjs.org/1.2.9/angular.js" data-semver="1.2.9"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<div>
<br/>Original Example
<input type="text" ng-model="test" format="number" />
<pre>{{test|json}}</pre><br/>
Example 1<input type="text" ng-model="test_2" format="number" />
<pre>{{test_2|json}}</pre><br/>
Example 2<input type="text" ng-model="test_3" format="number" />
<pre>{{test_3|json}}</pre><br/>
</div>
</body>
</html>
input
quanto opre
com o valor embaixo.