AngularJs动态货币



我正在处理一个需求,以更改基于货币的记录上显示的货币。

货币的符号不是问题,因为我可以使用

更改它
{{value | currency:"$"}}

但是问题是千位和小数分隔符。

For euros: 1,00.00 €
For dollars: 1.00,00 $

我尝试了一些解决方案。但他们都没有帮助,这让我的问题重复。

我尝试使用以下本地化更改代码加载脚本。但这无济于事。

var s = document.createElement("script");
s.type = "text/javascript";
s.src = "../js/switzerland.js";
document.getElementsByTagName("head")[0].appendChild(s)

script元素反映在header中。但是货币不会改变。有解决方案吗?

为达到预期效果,使用

HTML:

<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<div>{{curr | currency:"$"}}</div>
  <div>{{curr.toLocaleString("es-ES",{minimumFractionDigits: 2})}}€</div>
</div>

</body>
</html>

JS:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.curr = 1230.00;
});
http://codepen.io/nagasai/pen/kXdAXg

最新更新