Fatal编程技术网
  • javascript/
  • Javascript 如何在angular js中获得特定的货币符号（在我的例子中是卢比符号），而不是默认的货币符号（美元符号）

Javascript 如何在angular js中获得特定的货币符号（在我的例子中是卢比符号），而不是默认的货币符号（美元符号）

javascript jquery html angularjs

Javascript 如何在angular js中获得特定的货币符号（在我的例子中是卢比符号），而不是默认的货币符号（美元符号）,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,当我在angular js中使用“currency”时，我得到了一个美元符号。如何根据需求获取所需的货币符号。好像现在我需要知道如何使用货币显示卢比符号。如果有人能解释如何在不同的需求时期将这种货币用于不同的符号，那将是非常有用的 样本： Item Price<span style="font-weight:bold;">{{item.price | currency}}</span> 项目价格{{Item.Price | currency} 如果我的物品价格是200

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

样本：

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

项目价格{{Item.Price | currency}
如果我的物品价格是200。这里显示200美元。我需要显示卢比符号而不是美元。

您可以使用符号参数：

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

简单地说：

currency:"USD$"
要在angular js中显示货币符号，您需要为货币符号提供HTML实体，而不是USD$，下面是代码和模板中的示例和用法：

在您的欧元模板示例中：

Item Price<span style="font-weight:bold;">{{price | currency:"&euro;"}}</span>
货币符号可以从默认的$符号更改为其他符号，如下所示：
在HTML模板绑定中

 {{ currency_expression | currency[:symbol] }} 

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

 $filter('currency')(amount[, symbol])
例如，我们可以显示卢比符号（在本例中），如下所示：
在HTML模板绑定中

 {{ currency_expression | currency[:symbol] }} 

Item Price<span style="font-weight:bold;">{{price | currency:"&#8377;"}}</span>
此外，如果需要，我们可以添加文本而不是符号，如下所示：

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

项目价格{{Price}货币：“卢比”}
注意：将卢比符号直接复制到HTML将不起作用

请参见

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

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

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

// in template
{{ amount | isoCurrency:currency }} // $50.50
$是角度货币过滤器的默认符号。以其他符号获取结果，例如卢比(₹), 您必须在应用程序中明确定义它。 展示₹ 符号您只需添加一个货币选项

例如：

{{i.price | currency:'和#8377；'}}

₹；
是₹ 符号。

根据规则，货币可以更改

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>

项目价格{{Price}货币：[symbol]}
项目价格（美元）{Price |货币：“USD$”}
项目价格（欧元）{价格|货币：&Euro；}
对于INR，它将是字符代码

以Ruppese{Price |货币：₹；“}表示的项目价格

“₹；”
是下列字符的代码：₹" 

{{8.99 |货币：'INR'：true}
印度卢比货币的简单解决方案

如果要显示符号

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

项目价格{{Item.Price}货币：'INR'}
或

项目价格{{Item.Price}货币：'INR'：'symbol'}
或

项目价格{{Item.Price |货币：'INR'：'symbol-shorrow'}
结果将如下所示：₹140.00

或 如果要显示代码而不是符号，请使用以下命令

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

项目价格{{Item.Price}货币：'INR'：'code'}
结果如下：INR140.00

同样，您可以检查其他国家的代码，并将其替换为INR（印度代码）

如果您想使其动态化，以下是我的解决方案：

HTML

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
};
货币管道有3个参数

1.期望货币代码。

2.用于指示是否显示货币符号的布尔值。

3.数字信息（共3部分）：由最小整数位数、最小小数位数和最大小数位数组成。 输出

₹100.00

尝试以下操作：货币：[&euro；]如果您的示例中没有出现欧元符号，则可能是由于您的文件编码。@Ebenezar我认为您需要显示卢比符号而不是欧元。@Forever Yes我需要卢比符号。从答案中可以看出，我没有得到确切的解决。通过这一点，我至少学会了如何通过尝试使用不同的货币符号h欧元。但仍在等待卢比！@Ebenezar看到了我的答案。也测试了它。@永远感谢你的答案。我会检查它并让你知道。@JQuery专家我是angular的新手，也阅读了angular的货币文档，但我无法理解这两个选项中的哪一个（即“在HTML模板绑定中”、“在Javascript中”）这两种方法我都试过了，但只有一种可以使用HTML，但我想从JavaScriptor中得到同样的结果。为了更多的访问，这是一个更好的解决方案：D 
Item Price in Ruppese<span style="font-weight:bold;">{{price | currency:"&#8377;"}}</span>

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

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>

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

<div>{{ 100 | currencySymbol: 'USD' }}</div>

angular.filter('currencySymbol', function ($filter) {
    return function(amount, currency) {
        return $filter('currency')(amount, currency_symbols[currency]);
    }
});

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

<span>{{value| currency:'1':2:'3'}}</span>

<span>{{9.667| currency:'USD':true:'2.2-3'}}</span>

<span>{{100| currency:'INR':true}}</span>