在 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

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

有关更多详细信息和示例，请访问 此处。

Answer 2

我不认为这是一个坏问题。该文档很清楚，但您必须在 ${} 语法上找到它。

${字段名称或表达式}
当前数据项的字段名称，或者要计算的 JavaScript 函数或表达式。

在控制台中尝试 $.tmpl('

${a + 1}

', {a: 1}) 。