[英]how can i format decimal to currency format in mustache?
我正在使用小胡子来渲染通过Ajax接收的json数据。
我想以货币格式呈现此数字:
{{price}}
例如:12300
我怎样才能将其渲染为:
"12,300"
使用胡子模板引擎?
胡子非常简约,不提供任何支持。
您必须提供格式化数据或返回格式化数据的函数
{ priceDecimal: function () { return formatDecimal(this.price); } }
另一种方法是使用支持辅助函数的handlebars.js
Handlebars.registerHelper('decimal', function(number) {
return formatDecimal(number);
});
并像这样使用它
{{decimal price}}
虽然我同意Lucero的回答 ,但可以使用Mustache中的函数来格式化数据。
简单模板:
<ul>
{{#price}}
<li>{{commaFormat}}</li>
{{/price}}
</ul>
使用格式化函数处理数据的JavaScript:
var tpl = $('#tpl').html(),
data = {
price: ['1234', '123', '123456', '1234567890'],
commaFormat: function() {
// adapted from https://stackoverflow.com/questions/2901102/how-to-print-number-with-commas-as-thousands-separators-in-javascript
return this.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
},
html = Mustache.to_html(tpl, data);
document.write(html);
产生的HTML:
<ul>
<li>1,234</li>
<li>123</li>
<li>123,456</li>
<li>1,234,567,890</li>
</ul>
这是工作jsFiddle进一步检查和玩耍。
我为Mustache.js创建了一个小扩展,它允许在表达式中使用格式化程序,如{{expression | 格式}}
你可以在github上查看: http : //jvitela.github.io/mustache-wax/
在将模型传递给小胡子(或任何模板引擎)之前,您应该这样做。 除了能够进行字符串操作之外,问题在于并非所有国家都将数字格式化为相同,因此显示表示可能不同,并且不应在模板中进行硬编码。
我使用来自https://www.npmjs.com/package/handlebars.numeral的Handlebars NumeralHelper软件包
首先,安装(并选择将其保存到package.json):
npm install --save handlebars.numeral
接下来,加载帮助器:
var Handlebars = require('handlebars');
var NumeralHelper = require("handlebars.numeral");
NumeralHelper.registerHelpers(Handlebars);
最后,在您的页面中使用它:
<script>
myNumber = 12300:
</script>
<div>
{{ number myNumber }}
</div>
此示例的输出为12,300
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.