2012 için önerilen jQuery şablonları

Question

jQuery Şablonları şimdilik bir süredir kullanımdan kaldırılmıştır.

HTML olarak biçimlendirmek ve DOM'a eklemek istediğim bir JavaScript nesnesi biçiminde bazı verilerim var. Bugünlerde bunu yapmanın en iyi yolu nedir?

1. HTML dizesi oluşturmalı mıyım?
2. jQuery aracılığıyla $('<li>',{id:'my-'+Id}).append($('<span>').text(myText)) gibi öğeler oluşturmalı mıyım?
3. jQuery şablonları için yedek veya olgun bir yedek var mı?

Answer 1

Moustache.js şablonlama için oldukça iyidir.

https://github.com/janl/mustache.js

Answer 2

Kesinlikle Handlebars denemelisiniz ve/veya Mustache

Ben Gidonu kullanma eğiliminde ancak sözdizimi oldukça benzer.

Answer 3

Bu benim projelerde böyle yaparız:

var cardTemplate = $("#cardTemplate").html(); 
var template = cardTemplate.format("http://example.com", "Link Title"); 
$("#container").append(template); 

string.format: değişkenleri yerine

<script type="text/template" id="cardTemplate"> 
<div> 
    <a href="{0}">{1}</a> 
</div> 
</script> 

Kullanım String.format:

HTML'nize bir şablon tanımla

String.prototype.format = function() { 
    var args = arguments; 
    return this.replace(/{(\d+)}/g, function(match, number) { 
    return typeof args[number] != 'undefined' 
     ? args[number] 
     : match 
    ; 
    }); 
}; 

Oldukça basit, şablonları birleştirebilirsiniz bile.

Son soru

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 İlgili konular

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.