Modèles jQuery recommandés pour 2012?

Les modèles jQuery sont maintenant obsolètes.

J’ai des données sous la forme d’un object JavaScript que je veux formater au format HTML et append au DOM. Quelle est la meilleure façon de le faire ces jours-ci?

  1. Devrais-je construire une chaîne HTML?
  2. Dois-je créer des éléments via jQuery tels que $('
  3. ',{id:'my-'+Id}).append($('').text(myText)) ?
  4. Existe-t-il un substitut ou un substitut mature aux modèles jQuery?

Voici comment je le fais dans mes projets:

Définissez un modèle dans votre code HTML:

  

Utilisez ssortingng.format pour remplacer les variables:

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

ssortingng.format :

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

Assez simple, vous pouvez même combiner des modèles.

Vous devriez absolument essayer le guidon et / ou la moustache

J’ai tendance à utiliser Handlebars mais la syntaxe est assez similaire.

Mustache.js est assez bon pour les templates.

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

Modèles tout le chemin, tellement plus facile que d’essayer d’parsingr le JSON manuellement. Depuis que j’y ai consortingbué, je suis partisan de json2html car il ne nécessite pas la compilation des modèles ET n’utilise que JSON et JavaScript.

http://json2html.com

Je n’aime vraiment pas construire un élément HTML en utilisant javascript, donc je vous suggère d’utiliser un modèle.
Vous pouvez trouver une liste de modèles et une question connexe ici .

J’utilisais jQuery Templates , c’est simple mais ce n’est plus activement.