2015-05-25 1 views
1

Символ валюты по умолчанию в currency filter в angularJS - $. как я могу изменить это на «или»? Я нашел несколько длинных кодов в here. Но есть ли гладкий способ сделать это?Как настроить фильтр валюты для отображения символа валюты «€» или любого другого в angularJS

<div ng-app="" > 

    <p>Total = {{ (10 * 13) | currency }}</p> 

</div> 

результат Total = $130.00 как сделать его Total = €130.00 или Total = USD130.00?

ответ

1

Вы можете поставить символ валюты к фильтру:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
 
<div ng-app="" > 
 

 
    <p>Total = {{ (10 * 13) | currency : '€' }}</p> 
 

 
</div>

3

1.Try это {{price | currency:"€"}}, это будет решить вашу проблему http://jsfiddle.net/TheSharpieOne/N7YuP/

2.And Для того, чтобы в более обобщенную форму, было бы лучше, если вы можете написать пользовательский фильтр для валютных форматов.

Чтобы он мог поддерживать любой из форматов валют.

Example

1

Все, что вам нужно сделать, это предоставить параметр символа на валютный фильтр. Угловая документы предоставляет следующий синтаксис:

{{ currency_expression | currency : symbol : fractionSize}} 

Правильный символ может быть найден путем поиска в Интернете. Но так как вы просили евро, вот несколько вариантов:

<div ng-app="" > 

    <p>Total = {{ (10 * 13) | currency:"&euro;" }}</p> 

</div> 

ИЛИ

<div ng-app="" > 

    <p>Total = {{ (10 * 13) | currency:"€" }}</p> 

</div> 

Примечание: параметр символ должен быть строкой

В качестве альтернативы вы можете даже использовать фильтр в контроллерах или пользовательских фильтрах с использованием синтаксиса JavaScript, представленного в документах Angular API:currency -

Например: $ filter ('currency') (ввод, «€»); или $ filter ('currency') (ввод, «€»);

Примечание: Не забудьте ввести фильтр $ в контроллер или собственный фильтр.

Надеюсь, что это поможет!

Смежные вопросы