it-swarm.com.de

Empfohlene jQuery-Vorlagen für 2012?

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. Soll ich einen HTML-String aufbauen?
  2. Soll ich über jQuery Elemente wie $('<li>',{id:'my-'+Id}).append($('<span>').text(myText)) erstellen?
  3. Gibt es einen Ersatz oder einen ausgereiften Ersatz für jQuery-Vorlagen?
55
mpen

So mache ich es in meinen Projekten:

Definieren Sie eine Vorlage in Ihrem HTML-Code:

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

Verwenden Sie string.format, um Variablen zu 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
    ;
  });
};

Ganz einfach, Sie können sogar Vorlagen kombinieren.

104
sachleen

Sie sollten auf jeden Fall versuchen, Lenker und/oder Moustache

Ich neige dazu, Handlebars zu verwenden, aber die Syntax ist ziemlich ähnlich.

10
Antonio Laguna

Mustache.js eignet sich gut zum Schablonieren.

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

9
Joe

Templates sind so viel einfacher, als den JSON manuell zu analysieren. Da ich dazu beigetragen habe, bin ich ein Teil von json2html, da die Vorlagen nicht kompiliert werden müssen und nur JSON und JavaScript verwendet werden.

http://json2html.com

7
Chad Brown

Ich mag es wirklich nicht, HTML-Elemente mit Hilfe von Javascript zu erstellen.
Sie finden eine Liste mit Vorlagen und eine verwandte Frage hier .

Ich habe jQuery Templates verwendet, es ist zwar einfach, aber nicht mehr aktiv.