AngularJS:货币过滤器不使用代码显示符号



我正在尝试使用货币代码动态显示货币符号。

它不起作用。它适用于我以前的项目。我不确定货币过滤器发生了什么变化。

这是我的html

<h2>{{8.99 | currency:'USD':true}}</h2>

它应该显示$。但它显示的是美元。

我也试过控制器。它没有显示$。

$filter('currency')(100, "USD", true);

有人能告诉我我在这里缺了什么吗?

这里的问题是你使用的是angular语法而不是angularjs语法,只使用货币过滤器

演示

var app = angular.module('myApp',[])

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myApp">
<div ng-app>
<p> {{ 8.99 | currency }} </p>
</div>
</body>

只需使用currency过滤器:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
<body style="font:15px Verdana;">
<div ng-app>
<p> {{ 8.99 | currency }} </p>
</div>
</body>

或者您也可以为此指定currency:'$'。使用`currency:`可以显式指定要用于该货币的任何符号。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
<body style="font:15px Verdana;">
<div ng-app>
<p> {{ 8.99 | currency:'$' }} </p>
</div>
</body>

最新更新