使用mustache.js handlebars.js ICanHaz.js在嵌套的胡子模板中呈现Javascript代码

Question

可以像下面这样在嵌套的mustache.js模板中呈现Javascript吗？

myApp.mustache：

{{#myapp}}
{{>userApp}}
{{/myapp}}

userApp.mustache：

{{#user}}
<script>
  $(function () {
    $("a[id='a_popover_{{username}}']").popover()
  })
</script>
{{/user}}

使用pystache (Python的八字胡类库)可以正确地呈现模板，但是mustache.js、handlebars.js、ICanHaz.js和ICanHandlebarz.js都会抱怨#user没有正确关闭。

Answer 1

我很确定</script>位是问题所在，浏览器会看到这一点，并将其解析为模板脚本的末尾。尝试像这样转义它：<\/script>

Answer 2

我也遇到了类似的问题，最终是创建了一个新的script元素，因为即使呈现了javascript代码，在附加到正文之后也不会执行，它的行为就像字符串一样。

$('script:last').html('alert("ok !")'); // won't work

我的案例的示例代码：

var render = Mustache.to_html(template, data_sources);
var sc  = document.createElement('script');
sc.innerHTML = render;
var p_div = document.getElementById('template_wrap_div').parentNode;
p_div.innerHTML = "";
p_div.appendChild(sc);

希望这能给你一些想法和帮助。