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

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

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

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

Ответ 1

Чтобы отобразить символ валюты в angular js, вам необходимо предоставить объект HTML для символов валюты ниже, примеры и использование через код и шаблон:

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

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

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

Вложить фильтр $в ваш контроллер

$scope.price=$filter('currency')($scope.price,'&euro;')

Ответ 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

Ответ 3

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

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

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

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

Ответ 4

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

 {{ 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,"&#8377;")

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

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

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

См. Валютная документация AngularJS

Ответ 5

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

Пример:

<span> <b>{{i.price | currency : '₹' }}</b> </span>

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

Ответ 6

Согласно Angular JS docs Ссылка, валюту можно изменить

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>

"₹" - это код символа: "₹"

Ответ 7

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

Ответ 8

Смотрите: http://docs.angularjs.org/api/ng.filter:currency

Простой с:

currency:"USD$"

и вместо доллара используйте то, что захотите

Ответ 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 (код Индии)

Ответ 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
};