在 jquery 模板和淘汰赛 js 中转义花括号

Question

我有一个 jquery 模板，其中我将淘汰 js 绑定到函数文字，函数文字里面有花括号，它们被模板引擎错误地解释了，这里是模板：

<button {{html "data-bind='click: function(){ loadProduct(" + i + ") }'" }}>${ product.Name }</button>

有什么办法可以避开这些大括号？我尝试了 {#literal} 标记但没有成功，我也将所有内容都包裹在 {{ html }} 标记中，因为“data-bind”中的连字符也被引擎错误地解释了。

Answer 1

如果你想在你的 jQuery 模板中添加 data-bind 属性，那么没有必要做这么多的转义。

我假设在您的情况下，“i”是使用 {{each(i, product) Products}} 之类的东西循环浏览您的产品。在你的模板中，你可以像这样定义这个元素：

<button data-bind="click: function(){ loadProduct(i); }">${product.Name}</button>

它将无需连接字符串即可访问函数中的变量“i”。

示例：http://jsfiddle.net/rniemeyer/Pq5Vd/

谢谢。

Answer 2

你确定是这个问题吗？ jQuery 模板应该只识别双大括号。单卷曲应该可以像这里一样正常工作> http://jsfiddle.net/neebz/9fsv2/