如何在 ember 中创建递归 hbs 代码？

Question

我有一个包含以下内容的 hbs 文件

//some ohter code
-------------------------------------
    {{#each items}}
            <li>
                {{name}}
                {{#if items}}
                    <ul>
                        //partial should go here
                    </ul>
                {{/if}}
            </li>
        {{/each}}
---------------------------------------------------

我想使用same section 递归替换//partial should go here。我怎样才能做到这一点？感谢任何帮助

Answer 1

Ember 曾经有 parital、render 和 include 模板标签，但他们正试图摆脱这些标签。 现在，可能最好的方法是利用组件。如果您使用的是 ember-cli，只需打开终端并输入 ember g component my-include。它会生成一个 *.js 和一个 *.hbs 文件（命名取决于您是否使用 pod）。 然后将要多次使用的模板代码放入新创建的 *.hbs 文件中，然后放入现有的模板代码中：

{{#if items}}
      <ul>
        {{my-include}}
      </ul>
{{/if}}

您可能想看看：https://guides.emberjs.com/v2.9.0/components/defining-a-component/ 了解更多信息

你也可以看看这个sample working twiddle。