Как получить определенный символ валюты (символ рупии в моем случае) в угловом js вместо значения по умолчанию (символ доллара $)

Question

Когда я использую «валюту» в угловых js, я получаю символ доллара. Как получить требуемые символы валюты на основе требований. Как будто теперь мне нужно знать, как отображать символ рупии с использованием валюты. Это будет очень полезно, если кто-нибудь сможет объяснить, как использовать эту валюту для разных символов во времена разных требований.

образец:

Item Price<span style="font-weight:bold;">{{item.price | currency}}</span> 

Если мой item.price 200. Здесь он показывает 200 $. Мне нужно отобразить символ рупии вместо доллара.

Answer 1

Чтобы отобразить символ валюты в угловой JS вам нужно предоставить HTML сущность валютных символы ниже приведены примеры и использование через коду и в шаблоне:

Внутри вашего шаблона примере евро:

Item Price<span style="font-weight:bold;">{{price | currency:"&euro;"}}</span> 

пример рупия:

Item Price<span style="font-weight:bold;">{{price | currency:"&#8377;"}}</span> 

Также проверьте ниже URL

http://www.cs.tut.fi/~jkorpela/html/euro.html

От контроллера:

Inject $ фильтра в контроллере

$scope.price=$filter('currency')($scope.price,'€') 

Answer 2

Вы можете использовать параметр символа:

Item Price<span style="font-weight:bold;">{{item.price | currency[:symbol]}}</span> 

Exemple:

Item Price<span style="font-weight:bold;">{{item.price | currency:"USD$"}}</span> 

Пожалуйста, обратитесь к следующему:

http://docs.angularjs.org/api/ng.filter:currency 

Answer 3

См: http://docs.angularjs.org/api/ng.filter:currency

Простой с:

currency:"USD$" 

и вместо USD $ использования то, что вы хотите

Answer 4

Символ валюты может быть изменен с по умолчанию символа $ в к что-то еще:
В HTML-шаблоне Binding

{{ currency_expression | currency[:symbol] }} 

В JavaScript

$filter('currency')(amount[, symbol]) 

Мы можем отобразить символ рупии (в данном случае), например, следующим образом:
В HTML Шаблон Связывание

Item Price<span style="font-weight:bold;">{{price | currency:"&#8377;"}}</span> 

ИЛИ

В JavaScript

$scope.price=$filter('currency')($scope.price,"₹") 

Кроме того, мы можем добавить текст, а не символ, если это необходимо следующим образом:

Item Price<span style="font-weight:bold;">{{price | currency:"rupee"}}</span> 

Примечание: Копирование символов рупия непосредственно в HTML не будет работать.

См AngularJS currency documentation

Answer 5

Я опоздал на вечеринку, но работал над этим фильтром для моего последнего проекта.

если у вас есть код валюты ISO 4217 (3 символов длиной, например, USD, EUR и т.д.) isoCurrency может выводить формат правой , размер фракции и символ.

// in controller 
$scope.amount = 50.50; 
$scope.currency = 'USD'; 

// in template 
{{ amount | isoCurrency:currency }} // $50.50 

• isoCurrency
• Demo

Answer 6

$ является символом по умолчанию для угловой валюты фильтра. Чтобы получить результат в другом символе, например Rupee (₹), вы должны явно определить его в своем приложении. Для отображения символа ₹ вам просто нужно добавить опцию в валюту.

Пример:

<span> <b>{{i.price | currency : '&#8377;' }}</b> </span>

₹ является HTML-код ₹ символа.

Answer 7

Согласно Угловая JS документы Link валюта может быть изменен

Item Price<span style="font-weight:bold;">{{price | currency:[symbol]}}</span> 
Item Price in Dollar<span style="font-weight:bold;">{{price | currency:"USD$"}}</span> 
Item Price in Euro<span style="font-weight:bold;">{{price | currency:"&euro;"}}</span> 

И INR будет символьный код Link2

Item Price in Ruppese<span style="font-weight:bold;">{{price | currency:"&#8377;"}}</span> 

"₹" является характер код: "₹"

Answer 8

<h2>{{8.99 | currency:'INR':true}}</h2> 

Answer 9

Простое решение для валюты INR.

Если вы хотите, чтобы символ дисплея

Item Price<span style="font-weight:bold;">{{item.price | currency:'INR'}}</span> 

или

Item Price<span style="font-weight:bold;">{{item.price | currency:'INR':'symbol'}}</span> 

или

Item Price<span style="font-weight:bold;">{{item.price | currency:'INR':'symbol-narrow'}}</span> 

Результат будет выглядеть так: ₹ 140.00

Или Если вы хотите код отображения вместо символа используйте следующие

Item Price<span style="font-weight:bold;">{{item.price | currency:'INR':'code'}}</span> 

Результат будет выглядеть так: INR140.00

Аналогичным вы можете проверить код для других стран и заменить это вместо INR (Индия Код)

Answer 10

, если вы хотите, чтобы сделать его динамичным, вот мое решение:

HTML

<div>{{ 100 | currencySymbol: 'USD' }}</div> 

Фильтр

angular.filter('currencySymbol', function ($filter) { 
    return function(amount, currency) { 
     return $filter('currency')(amount, currency_symbols[currency]); 
    } 
}); 

валют массив Javascript

var currency_symbols = { 
    'USD': '$', // US Dollar 
    'EUR': '€', // Euro 
    'GBP': '£', // British Pound Sterling 
    'ILS': '₪', // Israeli New Sheqel 
    'INR': '₹', // Indian Rupee 
    'JPY': '¥', // Japanese Yen 
    'KRW': '₩', // South Korean Won 
    'NGN': '₦', // Nigerian Naira 
    'PHP': '₱', // Philippine Peso 
    'PLN': 'zł', // Polish Zloty 
    'PYG': '₲', // Paraguayan Guarani 
    'THB': '฿', // Thai Baht 
    'UAH': '₴', // Ukrainian Hryvnia 
    'VND': '₫', // Vietnamese Dong 
};