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

Question

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

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

这是我的 html

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

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

我也在controller里试过了。它没有显示 $.

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

谁能告诉我我在这里缺少什么？

Answer 1

只需使用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>

Answer 2

这里的问题是您使用的是 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>

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

AngularJS: Currency filter not displaying symbol using code

angularjs

angularjs-directive

angular-filters

angular-controller