Jak uzyskać konkretny symbol waluty (symbol rupii w moim przypadku) w kanciastym js zamiast domyślnym (symbol dolara $)

Question

Kiedy używam "waluty" w kanciastym js, otrzymuję symbol dolara. Jak zdobyć wymagane symbole walutowe w oparciu o wymagania. Jak gdyby teraz muszę wiedzieć, jak wyświetlić symbol rupii za pomocą waluty. Będzie to bardzo przydatne, jeśli ktoś będzie mógł wyjaśnić, jak korzystać z tej waluty dla różnych symboli w czasach różnych wymagań.

próbki:

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

Jeśli moja item.price wynosi 200. Tutaj pokazuje 200 $. Muszę wyświetlać symbol rupii zamiast dolara.

Answer 1

Aby wyświetlić symbol waluty w kanciastych js trzeba dostarczyć podmiot HTML dla symboli walut Poniżej znajdują się przykłady i wykorzystanie w pośrednictwem kodu w szablonie:

Wewnątrz przykład szablon EURO:

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

przykładem Rupia:

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

także sprawdzić poniżej url

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

Od regulatora:

Inject $ filtra w kontrolerze

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

Answer 2

Można użyć parametru Symbol:

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> 

Proszę odnieść się do tego:

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

Answer 3

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

Proste z:

currency:"USD$" 

i zamiast USD użytku, co kiedykolwiek chcesz

Answer 4

Symbol waluty można zmienić z domyślnego symbolu $ do coś innego w następujący sposób:
W oprawie szablonu HTML

{{ currency_expression | currency[:symbol] }} 

W JavaScript

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

Możemy wyświetlać symbol rupii (w tym przypadku) na przykład w następujący sposób:
w HTML Template Oprawa

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

LUB

W JavaScript

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

Ponadto, możemy dodać tekst zamiast symbolu w razie potrzeby, co następuje:

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

Uwaga: Kopiowanie rupia symbol bezpośrednio w HTML nie będzie działać.

Zobacz AngularJS currency documentation

Answer 5

jestem późno do partii, ale pracował na tym filtrze dla mojego ostatniego projektu.

jeśli masz ISO 4217 kod waluty (3 znaków długości np USD, EUR, etc) isoCurrency może wyjście format prawo , wielkość frakcji i symbol.

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

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

• isoCurrency
• Demo

Answer 6

$ to domyślny symbol waluty filtra kątowego. Aby uzyskać wynik w innym symbolu, na przykład Rupee (₹), musisz jednoznacznie zdefiniować go w swojej aplikacji. Aby wyświetlić symbol ₹, wystarczy dodać opcję w walucie.

przykład:

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

₹ jest kod HTML ₹ symbolu.

Answer 7

Według Angular JS docs Link waluta może zostać zmieniona

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> 

I INR będzie to kod znaku Link2

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

"₹" jest kod charakter: "₹"

Answer 8

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

Answer 9

Proste rozwiązanie dla waluty INR.

Jeśli chcesz symbolem wyświetlacza

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

lub

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

lub

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

Wynik będzie wyglądać następująco: ₹ 140.00

Albo Jeśli chcesz kodu wyświetlanego zamiast symbolu następnie użyć następujących

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

wynik będzie wyglądać następująco: INR140.00

Podobnie możesz sprawdzić kod dla innych krajów i zastąpić go zamiast INR (Kodeks Indie)

Answer 10

jeśli chcesz zrobić to dynamiczny, tu jest moje rozwiązanie:

HTML

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

Filtr

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

JavaScript waluty tablica

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