AngularJS：货币过滤器不使用代码显示符号答案

【问题标题】：AngularJS: Currency filter not displaying symbol using codeAngularJS：货币过滤器不使用代码显示符号
【发布时间】：2018-12-28 17:08:55
【问题描述】：

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

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

这是我的html

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

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

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

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

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

【问题讨论】：

标签： angularjs angularjs-directive angular-filters angular-controller

【解决方案1】：

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

【讨论】：

有什么方法可以让我 agularjs 得到想要的结果？我的意思是根据代码的符号。
看这个答案stackoverflow.com/questions/37779353/…

【解决方案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>

【讨论】：

我将拥有动态货币代码。我想相应地显示符号。