Hogan.js 互动版

模板示例

接下来是我们怎样使用典型Mustache模板示例,我们需要几个步骤:

1、定义绑定模板数据

var data = {name : "汇智网"}

2、绑定数据的模板

{{name}}

通过Hogan.compile()预编译,生成模板对象template

var template = Hogan.compile("{{name}}.");

3、获取到模板对象,通过render()渲染出html,就是你想要的

var output = template.render(data);
console.log(output);

在后面的知识点中,都是同样的应用,定义data数据(hash),模板,最后通过render()渲染结果。