Question

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

示例：

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

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

Answer 1

要在角度js中显示货币符号，您需要为下面的货币符号提供HTML实体，这是通过代码和模板中的示例和用法：

在Euro的模板示例中：

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;')

Answer 2

您可以使用符号参数：

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

Answer 3

我参加晚会但是为了上一个项目而为这个过滤器工作了。

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

// in controller $scope.amount = 50.50; $scope.currency = 'USD'; // in template {{ amount | isoCurrency:currency }} // $50.50

isoCurrency

Demo

Answer 4

货币符号可以从默认的$符号更改为其他符号，如下所示：
在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 currency documentation

Answer 5

$是角度货币过滤器的默认符号。要在其他符号中获得结果，例如卢比（₹），您必须在应用中明确定义它。要显示₹符号，您只需添加货币选项。

示例：

<span> <b>{{i.price | currency : '₹' }}</b> </span>

₹是₹符号的HTML代码。

Answer 6

根据Angular JS文档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>

"₹"是字符代码：＆＃34;₹＆＃34;

Answer 7

<h2>{{8.99 | currency:'INR':true}}</h2>

Answer 8

如果你想让它变得动态，这是我的解决方案：

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
};

Answer 9

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

简单：

currency:"USD$"

而不是美元使用你想要的东西

Answer 10

提供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（印度代码）

Answer 11

货币管道有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

如何在角度js而不是默认值（美元$符号）中获取特定货币符号（在我的情况下为卢比符号）

11 个答案: