web-dev-qa-db-fra.com

Comment obtenir un symbole monétaire spécifique (le symbole de la roupie dans mon cas) en js angulaire au lieu du symbole par défaut (symbole dollar $)

Lorsque j'utilise 'devise' dans js angulaire, j'obtiens un symbole dollar. Comment obtenir les symboles de devise requis en fonction des besoins. Comme si maintenant, je dois savoir comment afficher un symbole de la roupie en utilisant la devise. Ce serait très utile si quelqu'un pouvait expliquer comment utiliser cette monnaie pour différents symboles à des moments différents.

échantillon :

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

Si mon item.price est 200. Ici, il montre 200 $. Je dois afficher le symbole de la roupie au lieu du dollar.

javascriptjqueryhtmlangularjs
35
Ebenezar John Paul

Pour afficher le symbole monétaire dans un jauge angulaire, vous devez fournir une entité HTML pour les symboles monétaires ci-dessous. En voici les exemples et l'utilisation dans le code et dans le modèle:

Dans votre exemple de modèle d'euro:

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

exemple de roupie:

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

Vérifiez également ci-dessous url

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

De contrôleur:

Injecter le filtre $ dans votre contrôleur

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

Vous pouvez utiliser le paramètre 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>

Veuillez vous référer à ceci:

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

Je suis en retard à la fête mais j'ai travaillé sur ce filtre pour mon dernier projet.

si vous avez le code de devise ISO 4217 (3 caractères, par exemple USD, EUR, etc.), isoCurrency peut générer les droits format, taille de fraction et symbole.

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

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

Le symbole monétaire peut être changé du symbole par défaut $ à autre chose comme suit:
Liaison de modèle HTML

 {{ currency_expression | currency[:symbol] }}

En javascript

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

Nous pouvons afficher le symbole de la roupie (dans ce cas) par exemple comme suit:
Liaison de modèle HTML

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

OR

En javascript

$scope.price=$filter('currency')($scope.price,"&#8377;")

En outre, nous pouvons ajouter un texte plutôt qu'un symbole si nécessaire comme suit:

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

Remarque: La copie du symbole de la Roupie directement en HTML ne fonctionnera pas.

Voir Documentation de devise AngularJS

3
Foreever

si vous voulez le rendre dynamique, voici ma solution:

HTML

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

Filtre

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

Tableau de devises 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
};
2
Alon
<h2>{{8.99 | currency:'INR':true}}</h2>
2
Naresh

$ est le symbole par défaut pour le filtre de monnaie angulaire. Pour obtenir le résultat dans un autre symbole, par exemple Roupie (₹), vous devez le définir explicitement dans votre application . Pour afficher le symbole ₹, vous devez simplement ajouter une option en devise. 

Exemple: 

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

&#8377; est le code HTML pour le symbole ₹.

2
Rajat Garg

Selon Angular JS docs Lien la devise peut être changée 

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>

Et pour INR, ce sera le code de caractère Link2

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

"&#8377;" est le code de caractère de: "₹" 

2
gdmanandamohon

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

Simple avec:

currency:"USD$"

et au lieu de USD $, utilisez ce que vous voulez

1
tea2code

Solution simple donnant pour la devise INR. 

Si vous voulez afficher le symbole 

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

ou

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

ou 

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

Le résultat ressemblera à: ₹ 140.00

Ou Si vous voulez afficher le code au lieu du symbole, utilisez ensuite 

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

Le résultat ressemblera à: INR140.00

De même, vous pouvez vérifier le code des autres pays et le remplacer au lieu de INR (code indien)

1
mahesh

Le tuyau de monnaie a 3 paramètres

1. Code devise désirée .

.

2. Une valeur booléenne pour indiquer si le symbole monétaire doit être affiché .

. 

3. Informations sur les chiffres (en 3 parties): nombre minimal de chiffres entiers, nombre minimal de chiffres fractionnaires et nombre maximal de chiffres fractionnaires .
<span>{{value| currency:'1':2:'3'}}</span>

Exemple 

<span>{{9.667| currency:'USD':true:'2.2-3'}}</span>

Sortie

09,667 $

Référez-vous pour plus de détails: https://angular.io/api/common/CurrencyPipe

Pour le code de devise: https://en.wikipedia.org/wiki/ISO_4217

Si vous souhaitez afficher la devise en roupies indiennes. utilisez le code INR

<span>{{100| currency:'INR':true}}</span>

Sortie

100,00 ₹

0
Deepu Reghunath