Modelli jQuery consigliati per il 2012?

Question

jQuery I modelli sono stati deprecati per qualche tempo.

Ho alcuni dati sotto forma di un oggetto JavaScript che voglio formattare come HTML e aggiungere al DOM. Qual è il modo migliore per farlo in questi giorni?

1. Devo creare una stringa HTML?
2. Devo creare elementi tramite jQuery come $('<li>',{id:'my-'+Id}).append($('<span>').text(myText))?
3. Esiste un sostituto o un sostituto maturo per i modelli jQuery?

Answer 1

Mustache.js è abbastanza buono per i modelli.

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

Answer 2

Si dovrebbe provare Handlebars e/o Mustache

Io tendo ad usare manubrio, ma la sintassi è abbastanza simile.

Answer 3

Questo è come lo faccio nei miei progetti:

Definire un modello nel codice HTML:

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

Usa String.Format di sostituire le variabili:

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

string.format:

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

Abbastanza semplice, puoi persino combinare i modelli.

Ultima domanda

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

 Problemi correlati

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