Question

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

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

这是我的html

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

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

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

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

有人可以告诉我我在这里想念什么吗？

Answer 1

问题在这里，您正在使用角度语法而不是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>

Answer 2

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

AngularJS：货币过滤器未使用代码显示符号

2 个答案: