Hogan.js 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

不存在值以及空列表

一次或者多次渲染大段的文本使用块,这依赖于上下文的键值。

块使用#起始,以/结束。即{{#person}}表示person块起始,而{{/person}}表示结束。块的表现由键值来决定。

不存在值以及空列表

如果person键不存在值或者空列表,在#/之间的HTML则不会显示。

模板 :

Shown.
{{#nothin}}
  Never shown!
{{/nothin}}

hash - data绑定数据:

var data = {
  "person": true
}

输出 - render()渲染输出结果:

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

注意:如果把模板中{{#nothin}}改为{{#person}},将会显示之间的HTML。