当我在 Angular js 中使用“货币”时，我得到了一个美元符号。如何根据需求获取所需的货币符号。好像现在我需要知道如何使用货币显示卢比符号。如果有人能解释如何在不同的需求时将这种货币用于不同的符号，那将是非常有用的。
样本 ：
Item Price<span style="font-weight:bold;">{{item.price | currency}}</span>
如果我的 item.price 是 200。这里显示 200 美元。我需要显示卢比符号而不是美元。
问问题
64187 次
11 回答
67
要在 Angular 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,'€')
于 2013-09-04T11:31:26.400 回答
6
您可以使用符号参数：
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
于 2013-09-04T11:12:46.500 回答
5
提供 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.00
或者，如果您想显示代码而不是符号，请使用以下
Item Price<span style="font-weight:bold;">{{item.price | currency:'INR':'code'}}</span>
结果将如下所示：INR140.00
同样，您可以检查其他国家/地区的代码并将其替换为 INR（印度代码）
于 2017-11-28T09:50:10.390 回答
3
货币符号可以从默认的 $ 符号更改为其他符号，如下所示：
在 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 中是行不通的。
于 2013-12-24T07:11:10.110 回答
3
<h2>{{8.99 | currency:'INR':true}}</h2>
于 2017-03-30T02:59:26.423 回答
3
$ 是角度货币过滤器的默认符号。要获得其他符号的结果，例如卢比 (₹)，您必须在您的应用程序中明确定义它。要显示 ₹ 符号，您只需添加货币选项。
例子：
<span> <b>{{i.price | currency : '₹' }}</b> </span>
₹是 ₹ 符号的 HTML 代码。
于 2016-07-12T15:13:12.653 回答
2
如果你想让它动态化，这是我的解决方案：
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
};
于 2018-01-01T09:13:29.260 回答
2
根据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:"€"}}</span>
对于 INR，它将是字符代码Link2
Item Price in Ruppese<span style="font-weight:bold;">{{price | currency:"₹"}}</span>
"₹"是：“₹”的字符代码
于 2016-07-14T10:06:06.553 回答
1
于 2013-09-04T11:12:48.470 回答
0
货币管道有 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
于 2018-04-03T11:43:15.833 回答