Question

我有以下标记：

<div class="full">
    <dl class="no-margin">
        <dt ng-if="foo.IsLoading" class="no-margin text--plain">
        <img alt="Load animation" src="load_small.gif"/> Loading
        </dt>
        <dt ng-if="!foo.IsLoading" class="no-margin text--plain">{{foo.BalanceLabel}}</dt>
        <dd class="h3 text--plain" ng-class="{' text--negative': model.IsNegativeBalance(foo.BalanceValue)}">{{foo.BalanceValue | currency:"CAD"}}</dd>
    </dl>
</div>

唯一的问题是它将3位数值添加到值的开头：“CAD1,234.56”或“-CAD1,234.56”

这对美元来说很好，因为我们希望前面的$。但是，我的设计要求外国3位数字在数量的末尾：“1,234.56 CAD”或“-1,234.56 CAD”

我仍然可以使用Angular货币API来完成此任务吗？

Answer 1

您无法使用货币过滤器解决此问题。您有两种方法可以解决您的问题。

修复1：

使用i18n angular（例如de）

<script src="i18n/angular-locale_de-de.js"></script>

修复2：

将过滤器编号与不带货币过滤器的货币一起使用

{{foo.BalanceValue | number:2}}CAD

对于修复1，我不确定使用货币CAD。我只试用€。

将AngularJS货币区域设置添加到最后

1 个答案: