当我在角度js中使用'currency'时,我得到一个美元符号。如何根据要求获取所需的货币符号。好像现在我需要知道如何使用货币显示卢比符号。如果有人能解释如何在不同要求的时候将这种货币用于不同的符号,那将非常有用。
样本:
Item Price<span style="font-weight:bold;">{{item.price | currency}}</span>
如果我的商品价格是 200。这里显示 200 美元。我需要显示卢比符号而不是美元。
要在角度js中显示货币符号,您需要为货币符号提供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
我参加聚会迟到了,但在我的最后一个项目中处理了这个过滤器。
如果您有ISO 4217货币代码(3个字符长度,例如美元,欧元等(,isoCurrency可以输出正确的格式,分数大小和符号。
// in controller
$scope.amount = 50.50;
$scope.currency = 'USD';
// in template
{{ amount | isoCurrency:currency }} // $50.50
- 异币种
- 演示
给出印度卢比货币的简单解决方案。
如果要显示符号
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.00
或如果要显示代码而不是符号,请使用以下内容
Item Price<span style="font-weight:bold;">{{item.price | currency:'INR':'code'}}</span>
结果将如下所示 :INR140.00
同样,您可以检查其他国家/地区的代码并替换它而不是 INR(印度代码(
货币符号可以从默认的 $ 符号更改为其他符号,如下所示:
在 HTML 模板绑定中
{{ currency_expression | currency[:symbol] }}
在 JavaScript
中
$filter('currency')(amount[, symbol])
我们可以显示卢比符号(在这种情况下(,例如:
在 HTML 模板绑定中
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 货币文档
$ 是角度货币过滤器的默认符号。若要以其他符号(例如卢比 (₹((获取结果,必须在应用中显式定义它。要显示₹符号,您只需添加一个货币选项。
例:
<span> <b>{{i.price | currency : '₹' }}</b> </span>
₹
是 ₹ 符号的 HTML 代码。
<h2>{{8.99 | currency:'INR':true}}</h2>
如果你想让它动态化,这是我的解决方案:
.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
};
根据 Angular JS 文档链接,货币可以更改
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>
对于 INR,它将是字符代码 Link2
Item Price in Ruppese<span style="font-weight:bold;">{{price | currency:"₹"}}</span>
"₹"
是:"₹"的字符代码
请参阅:http://docs.angularjs.org/api/ng.filter:currency
简单与:
currency:"USD$"
而不是美元,使用任何你想要的东西
货币管道有 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