meteor - 如何使用递归模板？

Question

我不知道如何处理模板中的递归数组。我在 handlebarsjs 的文档中找不到任何内容

有我的代码:
js:

var 分支 = [{
name:"firstLayerNodeA",
has_branch:真，
分支:[{
name:"secondLayoutNodeA",
has_branch:假
},{
name:"secondLayoutNodeB",
has_branch:真，
分支:[{
name:"thirdLayerNodeA",
has_branch:真，
分支:[{
//第四层
//第五层
//.....
}]
}]
}]
},{
name:"firstLayerNodeB",
has_branch:假
}]

html

<Template name="tree">
  <ul>
  {{#each brach}}
      <li>
        name
        {{#if has_branch}}
          <ul>
          {{#each brach}}
              <li>
                name
                {{#if has_brach}}
                      {{#each brach}}
                          .....third layer
                          .....fourth layer
                          ....
                      {{/each}}
                {{/if}}
              </li>
          {{/each}
          </ul>
        {{/if}}
      </li>
  {{/each}}
  </ul>
</Template>

有处理模板分支的好主意吗？
任何帮助表示赞赏。

Answer 1

您可以使用嵌套模板:

客户端js

Template.tree.branch = function() {
    var branch = ...
    return branch;
}

html

<template name="tree">
  <ul>
    {{#each branch}}
      <li>    
        {{>branch}}
      </li>       
    {{/each}}
  </ul>
</template>

<template name="branch">
    {{name}}
    {{#if branch.length}}
       <ul>
           {{#each branch}}
               <li>
                   {{>branch}}
               </li>
           {{/each}}
       </ul>
    {{/if}}
</template>

你也不需要 has_branch .只需检查分支数组的长度，因为如果它是一个数组并且那里有东西，每个分支只会循环