在jQuery模板中包含Javascript

Question

是否可以在jQuery模板標記中執行javscript操作？

我有一個對象的集合，我只想顯示有關通過模板的第一次迭代的某些信息。

<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

我不認爲這是一個壞問題。文檔很清楚，但您必須在$ {}語法中找到它。

$ {fieldNameOrExpression} 當前數據項或要評估的JavaScript函數或表達式的字段名稱。

在控制檯中嘗試$.tmpl('<p>${a + 1}</p>', {a: 1})。

Answer 2

JQuery模板本身是任何HTML標記，以及任何一組模板標記，它們可以創建一些非常豐富的場景來創建數據驅動的UI。目前一套在jQuery的模板支持的標籤是：

- ${...}: 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 

而對於更多的細節和例子，請訪問here。