Y compris Javascript dans les modèles Jquery

Question

Est-il possible d'exécuter des opérations javscript dans le balisage du modèle jQuery?

J'ai une collection d'objets pour lesquels je veux seulement montrer certaines informations sur la première itération à travers le modèle.

<script type="text/javascript"> 
    var x = 0; // Counter 
</script> 

<script id="QuoteTemplate" type="text/x-jQuery-tmpl"> 

    {{if x = 0 }} 
     // Show Stuff 
    {{ x++ }} 

</script> 

Answer 1

Je ne pense pas que ce soit une mauvaise question. Le doc est clair mais vous devez le trouver sur la syntaxe $ {}.

$ {} fieldNameOrExpression Le nom d'un champ sur l'élément de données en cours, ou une fonction JavaScript ou expression à évaluer.

Essayez $.tmpl('<p>${a + 1}</p>', {a: 1}) dans une console.

Answer 2

Le modèle JQuery est lui-même un balisage HTML, ainsi qu'un ensemble de balises de gabarit qui permettent des scénarios très riches pour la création d'une interface utilisateur pilotée par les données. L'ensemble actuel des balises qui sont pris en charge dans les modèles jQuery sont:

- ${...}: Evaluate fields or expression 
- {{each ...}}...{{/each}}: Iterate without creating template items 
- {{if ...}}...{{else ...}}...{{/if}}: Conditional sections 
- {{html ...}}: Insert markup from data 
- {{tmpl ...}}: Composition, as template items 
- {{wrap ...}}...{{/wrap}}: Composition, plus incorporation of wrapped HTML 

Et pour plus de détails et exemple s'il vous plaît visitez here.