Gidon benim gidon şablonunda bu var javascript

Question

ile para biçimlendirmek için işlev |: Teklif: $ 24000

Bunu biçimlendirmek istediğinize virgüllerle ve başarısız oluyorum.

Konsolda çalışan bu işlev var ancak kod çubuklarına gidonlarla uyarlandığında başarısız oluyor.

$.fn.digits = function(){ 
    return this.each(function(){ 
     $(this).text($(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")); 
    }) 
} 

Ve $ ("span.currencyFormatMe") gibi diyoruz rakam().;

Yine tüm bunlar konsolda çalışır, ancak uyarlandığında başarısız olur. Herhangi bir işaretçiler

bir registerhelper ile denedim çok açıktır:

Handlebars.registerHelper('formatCurrency', 
    $.fn.digits = function(){ 
     return this.each(function(){ 
      $(this).text($(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")); 
     }) 
    } 
); 

çağrılması:

{{formatCurrency _current_price}} 

Answer 1

Burada birkaç basit seçenekler vardır.

jQuery eklentinizle yapışabilir ve Handlebars şablonu doldurulduktan sonra uygulayabilirsiniz; Böyle bir şey: o zaman

<script id="t" type="text/x-handlebars"> 
    <span class="currencyFormatMe">{{_current_price}}</span> 
</script> 

ve:

$.fn.digits = function(){ 
    return this.each(function(){ 
     $(this).text($(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")); 
    }) 
}; 

var t = Handlebars.compile($('#t').html()); 
var h = t({ 
    _current_price: 1000 
}); 
$('<div>').append(h).find('.currencyFormatMe').digits(); 

Demo: http://jsfiddle.net/ambiguous/732uN/

Veya bir Gidon yardımcı içine eklenti dönüştürmek ve şablonda biçimlendirme yapabilirsiniz. Bunu yapmak istiyorsanız, yardımcının içinde $(this) ile uğraşmak yerine yardımcıya geçirilen değeri biçimlendirmeniz gerekir. Sonra

<script id="t" type="text/x-handlebars"> 
    {{formatCurrency _current_price}} 
</script> 

ve: Örneğin:

Handlebars.registerHelper('formatCurrency', function(value) { 
    return value.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); 
}); 

var t = Handlebars.compile($('#t').html()); 
var h = t({ 
    _current_price: 1000 
}); 

Demo: http://jsfiddle.net/ambiguous/5b6vh/