Bıyıkta ondalık para formatına nasıl biçimlendirebilirim?

Question

Ajax üzerinden alınan json verilerini işlemek için bıyık kullanıyorum. bıyık çiftleşmiş motoru kullanarak

"12,300"

:

{{price}}

örn: 12300

nasıl olarak işleyebilen

ben para birimi biçiminde bu numarayı işlemek istiyorum ?

Answer 1

Modelinizi bıyık (veya herhangi bir şablon motoru) içine geçirmeden önce bunu yapmalısınız. Dizi çalışması yapabilmenin yanı sıra, konu tüm ülkelerin sayıları aynı şekilde biçimlendirmemesidir, bu yüzden ekran gösterimi farklı olabilir ve şablonda kodlanmamalıdır.

Answer 2

Bıyık çok minimalist ve bunun için herhangi bir destek sağlamaz.

You ya biçimlendirilmiş veri veya diğer alternatif

Handlebars.registerHelper('decimal', function(number) { 
    return formatDecimal(number); 
}); 

yardımcı işlevlerini destekler handlebars.js kullanabilir ve bu

gibi kullanmaktır biçimlendirilmiş veriler

{ priceDecimal: function() { return formatDecimal(this.price); } } 

dönen bir fonksiyon tedarik etmek zorunda

{{decimal price}} 

Answer 3

ile aynı fikirdeyim, verilerinizi biçimlendirmek için function in Mustache kullanmak mümkündür.

Basit şablonu: senin fiyatlar için

<ul> 
    {{#price}} 
     <li>{{commaFormat}}</li> 
    {{/price}} 
</ul> 

JavaScript biçimlendirme fonksiyonu ile veri işlemek:

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

Ortaya HTML:

<ul> 
    <li>1,234</li> 
    <li>123</li> 
    <li>123,456</li> 
    <li>1,234,567,890</li> 
</ul> 

İşte the working jsFiddle incelemek ve oyun var daha fazla

Answer 4

Bıyık.js için küçük bir uzantı oluşturdum; bu, {{expression | biçimlendirici}}

Sen github bunu kontrol edebilirsiniz:

Answer 5

http://jvitela.github.io/mustache-wax/ Ben birinci https://www.npmjs.com/package/handlebars.numeral

den Handlebars NumeralHelper paketi kullanmak, yüklemek (ve isteğe bağlı olarak pakete kaydedin.json):

npm install --save handlebars.numeral 

Sonraki, yardımcı yük:

var Handlebars = require('handlebars'); 
var NumeralHelper = require("handlebars.numeral"); 
NumeralHelper.registerHelpers(Handlebars); 

Son olarak, sayfanın kullanmak:

<script> 
myNumber = 12300: 
</script> 

<div> 
{{ number myNumber }} 
</div> 

Bu örnek için çıkış 12,300 olduğunu.