代码之家 › 专栏 › 技术社区 › Chris Kessel

句柄:递归树结构

reentrancy mustache handlebars.js

Chris Kessel · 技术社区 · 11 年前

我有一个任意深度的树结构,我想用Handlebars来显示它。我看不出有任何重复出现的方法。如果我知道深度,我想我可以硬编码它,但它可以任意深度。

类似这样的东西,但它需要在显示儿童部分重复出现。

{{#aNode}}
    {{id}
    {{name}}
    {{description}}
    ...spew this same template with each member of {{#children}}...
{{/aNode}}

Handlebars有迭代集合的方法,但我看不到递归到子对象中的方法

2 回复 | 直到 8 年前

Chris Kessel 11 年前

发现您可以使用委托/嵌入文件技术来完成此操作。所以,它看起来是这样的:

sprout_a_node.mustache(我使用的是mustache实现):

{{#aNode}}
    {{id}
    {{name}}
    {{description}}
    {{#children}}
        {{> spew_a_node}}
    {{/children}}    
{{/aNode}}

AsGoodAsItGets 11 年前

这是一篇很好的文章,jsfiddle准确地描述了如何做到这一点(这或多或少是Chris Kessel在回答中所描述的):

推荐文章

user8832887 · mustache中的调试变量

7 年前

sigur7 · 胡子js-未呈现的JSON项

7 年前

Oladipo nitin aditya · 用小胡子遍历数组数组

8 年前

user4445419 · 在上一个脚本indenden之后添加脚本标记行

9 年前

Augusto Accorsi · 我如何使用music.js中的值执行if?

9 年前

Shark · Elasticsearch模板未读取参数

10 年前

101010 · 胡子/pystache:渲染复杂对象

10 年前

Christopher Klewes · Mustache:全局禁用html转义?

11 年前

Undermine2k · Jquery将数组映射到模板中

11 年前

Chris Kessel · 句柄:递归树结构

11 年前