Hogan.js 互动版

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

反向块

反向块由^起始,/结束。即{{^person}} 表示person开始一个反向块,而{{/person}}结束。

部分可用于根据键的值来呈现文本的一个或多个,反向块可以根据关键的逆值来呈现文本。也就是说,如果键不存在,它们将被渲染是不存在的,或者是一个空列表。

模板 :

{{#person}}
  <b>{{name}}</b>
{{/person}}
{{^person}}
  No repos :(
{{/person}}

Hash - data绑定数据:

var data = {
  "person": []
}

输出:

No repos :(

  我们看到在模板中,上面是块级的,下面一组数据是反向块,data数据中person键对应的是空数据,从而模板将反向块中的内容输出,如果data数据中person:"person": [{name:'lily'}],将会输出块中的内容。