35

当我在 Angular js 中使用“货币”时，我得到了一个美元符号。如何根据需求获取所需的货币符号。好像现在我需要知道如何使用货币显示卢比符号。如果有人能解释如何在不同的需求时将这种货币用于不同的符号，那将是非常有用的。

样本 ：

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

如果我的 item.price 是 200。这里显示 200 美元。我需要显示卢比符号而不是美元。

4

11 回答 11

67

要在 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>

还要检查下面的网址

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

从控制器：

在控制器中注入 $filter

$scope.price=$filter('currency')($scope.price,'&euro;')
于 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

我参加聚会迟到了，但我为我的上一个项目设计了这个过滤器。

如果您有 ISO 4217 货币代码（3 个字符长度，例如 USD、EUR 等），isoCurrency 可以输出正确的格式、分数大小和符号。

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

// in template
{{ amount | isoCurrency:currency }} // $50.50
于 2014-12-19T00:09:51.217 回答
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:"&#8377;"}}</span>

或者

在 JavaScript 中

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

此外，如果需要，我们可以添加文本而不是符号，如下所示：

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

注意：将卢比符号直接复制到 HTML 中是行不通的。

请参阅AngularJS 货币文档

于 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 : '&#8377;' }}</b> </span>

&#8377;是 ₹ 符号的 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:"&euro;"}}</span>

对于 INR，它将是字符代码Link2

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

"&#8377;"是：“₹”的字符代码

于 2016-07-14T10:06:06.553 回答
1

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

简单：

currency:"USD$"

而不是 USD$ 使用你想要的任何东西

于 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 回答