添加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「

這對USD而言很好，因爲我們希望在前面有$。但是，我的設計要求外國3位數字是在數額的末尾：「1,234.56 CAD」或「-1,234.56 CAD」

我仍然可以使用Angular貨幣API來完成此操作嗎？

Answer 1

您無法通過貨幣過濾器解決此問題。 你有兩個選擇來解決你的問題。

修復1：

使用I18N角（DE例如）

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

修復2：具有貨幣

使用過濾器數量而不貨幣濾波器

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

對於修復1我不確定使用貨幣CAD。我只用€嘗試。