Добавление AngularJS валюты Locale до конца

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»

Могу ли я использовать API с угловой валютой для этого?

Answer 1

Вы не можете решить проблему с помощью фильтра валюты. Вы можете решить две проблемы.

Исправление 1:

Используйте i18n угловые (де, например)

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

Fix 2:

Используйте номер фильтра с валютой без валюты фильтра

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

Для Fix 1 Я не уверен работать с валютой CAD. Я только стараюсь.