2016-04-04 11 views
0

にAngularJS通貨ロケールを追加:は、私は次のマークアップを持って最後

<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"

これを達成するために角度通貨APIを使用できますか?

答えて

1

通貨フィルタでは解決できません。 問題を解決するには、2つの方法があります。

フィックス1:

使用I18N角度(デ例えば)

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

修正2:通貨フィルタなし通貨と

用フィルター番号

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

フィックス1の場合通貨CADを使用するかわかりません。私は€だけで試してみます。

+0

2番目の提案は完全に機能します。ありがとう! – theB3RV