webentwicklung-frage-antwort-db.com.de

Wie erhalte ich ein bestimmtes Währungssymbol (Rupie-Symbol in meinem Fall) in eckigen js anstelle des Standard-Symbols (Dollar-Dollar-Symbol)

Wenn ich "Currency" in eckigen Js verwende, erhalte ich ein Dollarsymbol. So erhalten Sie die erforderlichen Währungssymbole basierend auf den Anforderungen. Als ob ich jetzt wissen muss, wie man ein Rupie-Symbol mit Währung darstellt. Es ist von großem Nutzen, wenn jemand erklären könnte, wie er diese Währung für unterschiedliche Symbole zu unterschiedlichen Zeiten verwenden kann.

probe :

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

Wenn mein item.price 200 beträgt, werden hier 200 $ angezeigt. Ich muss Rupie-Symbol anstelle von Dollar anzeigen.

35

Um das Währungssymbol in eckigen js anzuzeigen, müssen Sie eine HTML-Entität für Währungssymbole bereitstellen. Im Folgenden finden Sie Beispiele und Verwendung in Through Code und Vorlage:

In Ihrem Template-Beispiel für Euro:

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

beispiel für Rupie:

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

Überprüfen Sie auch die URL

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

Vom Controller:

Inject $ Filter in Ihren Controller

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

Sie können den Symbolparameter verwenden: 

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

Beispiel:

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

Bitte beachten Sie dies:

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

Ich bin spät auf der Party, habe aber an diesem Filter für mein letztes Projekt gearbeitet.

wenn Sie den ISO 4217-Währungscode haben (3 Zeichen Länge, z. B. USD, EUR usw.), kann isoCurrency das rechte format, fract size und das Symbol ausgeben.

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

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

Das Währungssymbol kann wie folgt vom Standard-$-Symbol in ein anderes geändert werden:
In der HTML-Vorlagenbindung

 {{ currency_expression | currency[:symbol] }} 

In JavaScript

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

Wir können das Rupie-Symbol (in diesem Fall) beispielsweise wie folgt anzeigen:
In der HTML-Vorlagenbindung

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

OR

In JavaScript

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

Außerdem können wir bei Bedarf einen Text anstelle eines Symbols hinzufügen:

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

Hinweis: Das Kopieren eines Rupie-Symbols direkt in HTML funktioniert nicht.

Siehe AngularJS-Währungsdokumentation

3
Foreever

wenn Sie es dynamisieren möchten, ist hier meine Lösung:

HTML

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

Filter

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

Javascript-Währungsfeld

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

$ ist das Standardsymbol für den Winkelwährungsfilter. Um das Ergebnis in einem anderen Symbol, z. B. Rupee (¥), zu erhalten, müssen Sie es explizit in Ihrer App definieren Um das Symbol ¥ anzuzeigen, müssen Sie lediglich eine Option in der Währung hinzufügen. 

Beispiel: 

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

&#8377; ist der HTML-Code für das Symbol ¥.

2
Rajat Garg

Gemäß Angular JS docs Link kann die Währung geändert werden 

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>

Und für INR ist dies der Zeichencode Link2

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

"&#8377;" ist der Zeichencode von: "$" 

2
gdmanandamohon

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

Einfach mit:

currency:"USD$"

und anstelle von USD $ verwenden, was immer Sie wollen

1
tea2code

Einfache Lösung für die INR-Währung. 

Wenn Sie Anzeigesymbol möchten

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

oder

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

oder 

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

Das Ergebnis sieht so aus: $ 140.00

Oder Wenn Sie Anzeigecode anstelle des Symbols möchten, verwenden Sie Folgendes 

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

Das Ergebnis sieht so aus: INR140.00

Ebenso können Sie den Code der anderen Länder prüfen und anstelle von INR (India Code) ersetzen.

1
mahesh

Währungsrohr hat 3 Parameter

1. Wunschwährungscode .

.

2. Ein boolescher Wert, der angibt, ob das Währungssymbol angezeigt werden soll .

3. Stelleninfo (besteht aus 3 Teilen): Besteht aus der Mindestanzahl von Ganzzahlen, der Mindestzahl der Nachkommastellen und der Höchstzahl der Nachkommastellen .
<span>{{value| currency:'1':2:'3'}}</span>

Beispiel 

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

Ausgabe

09,667 $

Weitere Informationen finden Sie hier: https://angular.io/api/common/CurrencyPipe

Für den Währungscode: https://en.wikipedia.org/wiki/ISO_4217

Wenn Sie die Währung in indischen Rupie anzeigen möchten. Verwenden Sie den Code INR

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

Ausgabe

¥ 100,00

0
Deepu Reghunath