INR货币格式
INR货币格式
提问于 2016-02-24 01:56:29
我需要显示像这样的货币格式，我们怎么能显示。
₹1
₹10
₹100
₹1,000
₹10,000
₹1,00,000
......回答 17
Stack Overflow用户
发布于 2016-02-24 02:34:29
印度卢比采用与美国货币不同的格式；因此，不要使用默认的角货币过滤器来格式化印度卢比
自定义INR货币过滤器
var app = angular.module('app', []);
app.controller('indexCtrl', function ($scope) {
$scope.amount = 10000000.33;
});
app.filter('INR', function () {
return function (input) {
if (! isNaN(input)) {
var currencySymbol = '₹';
//var output = Number(input).toLocaleString('en-IN'); <-- This method is not working fine in all browsers!
var result = input.toString().split('.');
var lastThree = result[0].substring(result[0].length - 3);
var otherNumbers = result[0].substring(0, result[0].length - 3);
if (otherNumbers != '')
lastThree = ',' + lastThree;
var output = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree;
if (result.length > 1) {
output += "." + result[1];
}
return currencySymbol + output;
}
}
});<!DOCTYPE html>
<html ng-app="app">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body ng-controller="indexCtrl">
Input: <input type="text" ng-model="amount">
<h3>{{amount | INR}}</h3>
</body>
</html>
Stack Overflow用户
发布于 2017-07-31 02:02:42
只需在货币过滤器中使用INR
{{product.product_cost | currency:'INR':true}}Stack Overflow用户
发布于 2017-07-10 22:35:48
如果有人在“角2”中寻找相同的信息，那么下面是解决方案：
- 创建自定义管道
- 在HTML管道代码中使用
步骤1：创建文件indianCurrency.pipe.ts
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({name: 'indianCurrency'})
export class IndianCurrency implements PipeTransform {
transform(value: number, args: string[]): any {
if (! isNaN(value)) {
var currencySymbol = '₹';
//var output = Number(input).toLocaleString('en-IN'); <-- This method is not working fine in all browsers!
var result = value.toString().split('.');
var lastThree = result[0].substring(result[0].length - 3);
var otherNumbers = result[0].substring(0, result[0].length - 3);
if (otherNumbers != '')
lastThree = ',' + lastThree;
var output = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree;
if (result.length > 1) {
output += "." + result[1];
}
return currencySymbol + output;
}
}
}在app.module.ts中声明
declarations: [
.....,
IndianCurrency
],步骤2：在HTML中使用
{{amount | indianCurrency}}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35598765
复制相关文章
![[WPF] 使用 Effect 玩玩阴影、内阴影、 长阴影](https://ask.qcloudimg.com/http-save/yehe-3964600/6d6952687eb7d5dedcce5509efc5b0a2.png)
相似问题
UITableViewCell上的动画
UITableViewCell阴影
UITableViewCell阴影
在UITableviewCell高度设置动画时同时设置CALayer阴影动画
滚动时UITableViewCell上的阴影消失
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
