javascript - 将 AngularJS 货币区域设置添加到末尾

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。我只尝试使用欧元。