web-dev-qa-db-ja.com

デフォルトの通貨記号（ドル記号）の代わりにangular jsで特定の通貨記号（私の場合はルピー記号）を取得する方法

angular jsで '通貨'を使用すると、ドル記号が表示されます。要件に基づいて必要な通貨記号を取得する方法。ルピー記号を表示する方法を知る必要があるように通貨を使用する：異なる要件のときに異なる通貨でこの通貨を使用する方法を誰かが説明できれば、非常に役立ちます。

サンプル ：

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

Item.priceが200の場合。ここでは200 $と表示されます。ドルの代わりにルピー記号を表示する必要があります。

javascriptjqueryhtmlangularjs
35
Ebenezar John Paul

angular 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

コントローラーから：

コントローラーに$ filterを挿入します

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

シンボルパラメーターを使用できます。

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

例：

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

これを参照してください：

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

私はパーティーに遅れましたが、私の最後のプロジェクトのためにこのフィルターに取り組みました。

iSO 4217通貨コード（3文字の長さ、USD、EURなど）がある場合、isoCurrencyは正しいformat、フラクションサイズおよびsymbol.

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

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

通貨記号は、次のようにデフォルトの$記号から別のものに変更できます。
HTMLテンプレートバインディング

 {{ currency_expression | currency[:symbol] }}

JavaScriptで

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

たとえば次のように、ルピー記号（この場合）を表示できます。
HTMLテンプレートバインディング

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

OR

JavaScriptで

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

また、必要に応じて、シンボルではなくテキストを次のように追加できます。

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

注：ルピー記号をHTMLに直接コピーすることはできません。

AngularJS通貨のドキュメント を参照してください

3
Foreever

動的にしたい場合、ここに私の解決策があります：

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

$は、angular通貨フィルター。通貨でオプションを追加します。

例：

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

&#8377;は、£記号のHTMLコードです。

2
Rajat Garg

Angular JS docs 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>

"&#8377;"は： "£"の文字コードです

2
gdmanandamohon

参照： http://docs.angularjs.org/api/ng.filter:currency

シンプルで：

currency:"USD$"

そして、米ドルの代わりにあなたが望むものを使用します

1
tea2code

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.

または、シンボルの代わりに表示コードにしたい場合は、次を使用します

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

結果は次のようになります。INR140.

同様に、他の国のコードを確認し、INR（インドコード）の代わりにそれを置き換えることができます

1
mahesh

通貨パイプには3つのパラメーターがあります

1.希望する通貨コード。

。

2。通貨記号を表示するかどうかを示すブール値。

。

3。桁情報（3つの部分）：整数桁の最小数、小数桁の最小数、および小数桁の最大数で構成されます。
<span>{{value| currency:'1':2:'3'}}</span>

例

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

出力

09.667ドル

詳細については、 https://angular.io/api/common/CurrencyPipe を参照してください。

通貨コードの場合： https://en.wikipedia.org/wiki/ISO_4217

通貨をインドルピーで表示する場合。コードINRを使用

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

出力

£100.00

0
Deepu Reghunath