Hinzufügen des AngularJS Währungs Locale zu Ende

Question

Ich habe folgendes Markup:

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

Das einzige Problem ist, dass es den 3-stelligen Wert zu Beginn des Wertes fügt hinzu: „CAD1,234.56“ oder „- CAD1,234.56 "

Das ist in Ordnung für USD, da wir das $ in der Front wollen. Mein Entwurf erfordert jedoch, dass die ausländischen 3 Ziffern am Ende des Betrags sind: "1,234.56 CAD" oder "-1,234.56 CAD"

Kann ich noch die angular Währung API verwenden, um dies zu erreichen?

Answer 1

Sie können es nicht mit Währungsfilter lösen. Sie haben zwei Möglichkeiten, Ihr Problem zu lösen.

Fix 1:

Verwendung i18n Winkel (de beispiels)

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

Fix 2:

Verwenden Filternummer mit Währung ohne Wechselfilter

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

Für Fix 1 bin ich nicht sicher, mit dem Währungs-CAD zu arbeiten. Ich versuche es nur mit €.