如何在角度js中获取特定的货币符号(在我的例子中是卢比符号）而不是默认的货币符号(美元$符号）

要在角度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,'€')

您可以使用符号参数：

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

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

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