mustache - 用 html（脚本或 div 元素）而不是内联 javascript 定义的 hogan 模板

Question

我想将我们的模板引擎从ICanHas ( Mustache )换成Hogan。ICanHas 允许您在脚本块中定义模板。霍根可以做到这一点吗？

Answer 1

是的。script这是标签中的一个简单模板：

<script id="hogan-tpl" type="text">
    hello {{planet}}
</script>​

这是从元素中获取模板所需的最小 JavaScript，script使用 Hogan.js 对其进行编译，并在将其分配给正文的 innerHTML 之前使用适当的数据进行渲染：

var template = $('#hogan-tpl').html(),
    hello = Hogan.compile(template),
    context = { planet: "world" },
    tpl = hello.render(context);

document.body.innerHTML = tpl;​

这是它在 jsFiddle 上的工作