当我在 AngularJS 中使用 'currency' 时,会得到一个美元符号。如何根据需要获取所需的货币符号。目前,我需要知道如何使用货币符号显示印度卢比。如果有人能解释如何在不同要求的情况下使用此货币符号,那将非常有用。
Item Price<span style="font-weight:bold;">{{item.price | currency}}</span>
如果我的item.price是200美元。这里显示的是200$。我需要显示卢比符号而不是美元。
当我在 AngularJS 中使用 'currency' 时,会得到一个美元符号。如何根据需要获取所需的货币符号。目前,我需要知道如何使用货币符号显示印度卢比。如果有人能解释如何在不同要求的情况下使用此货币符号,那将非常有用。
Item Price<span style="font-weight:bold;">{{item.price | currency}}</span>
如果我的item.price是200美元。这里显示的是200$。我需要显示卢比符号而不是美元。
要在AngularJS中显示货币符号,您需要提供以下货币符号的HTML实体,下面是通过代码和模板的示例和用法:
在您的模板中,欧元的示例:
Item Price<span style="font-weight:bold;">{{price | currency:"€"}}</span>
印度卢比的例子:
Item Price<span style="font-weight:bold;">{{price | currency:"₹"}}</span>
还要检查下面的网址
http://www.cs.tut.fi/~jkorpela/html/euro.html
从控制器:
在您的控制器中注入 $filter
$scope.price=$filter('currency')($scope.price,'€')
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
这是关于印度卢比货币的简单解决方案。
如果你想要显示货币符号
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>
Item Price<span style="font-weight:bold;">{{item.price | currency:'INR':'code'}}</span>
<h2>{{8.99 | currency:'INR':true}}</h2>
{{ currency_expression | currency[:symbol] }}
在JavaScript中
$filter('currency')(amount[, symbol])
Item Price<span style="font-weight:bold;">{{price | currency:"₹"}}</span>
或者
在JavaScript中
$scope.price=$filter('currency')($scope.price,"₹")
Item Price<span style="font-weight:bold;">{{price | currency:"rupee"}}</span>
注意:直接将卢比符号复制到HTML中不起作用。
请参阅 AngularJS 货币文档
$是angular货币过滤器的默认符号。如果要用其他符号,例如卢比(₹),则必须在应用程序中显式定义它。
为了显示₹符号,您只需要在货币选项中添加一个选项即可。
示例:
<span> <b>{{i.price | currency : '₹' }}</b> </span>
₹
是₹符号的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
};
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:"€"}}</span>
对于印度卢比,它将是字符代码Link2
Item Price in Ruppese<span style="font-weight:bold;">{{price | currency:"₹"}}</span>
"₹"
是字符代码:"₹"的表示方式。"