Empfohlene jQuery Vorlagen für 2012?

Question

jQuery-Vorlagen sind seit einiger Zeit veraltet.

Ich habe einige Daten in Form eines JavaScript-Objekts, das ich als HTML formatieren und an das DOM anhängen möchte. Was ist der beste Weg, dies in diesen Tagen zu tun?

1. Sollte ich eine HTML-Zeichenfolge erstellen?
2. Sollte ich Elemente über jQuery wie $('<li>',{id:'my-'+Id}).append($('<span>').text(myText)) erstellen?
3. Gibt es einen Ersatz oder einen reifen Ersatz für jQuery Vorlagen?

Answer 1

Mustache.js ist ziemlich gut für Templating.

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

Answer 2

Sie sollten auf jeden Fall versuchen Handlebars und/oder Mustache

Ich neige dazu, Lenker zu verwenden, aber die Syntax ist sehr ähnlich.

Answer 3

Dies ist, wie ich es tun in meinen Projekten:

eine Vorlage in Ihrem HTML definieren:

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

Verwenden string.format Variablen ersetzen:

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

Ziemlich einfach, Sie können sogar Vorlagen kombinieren.

Letzte Frage

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

 Verwandte Themen

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