代码之家 › 专栏 › 技术社区 › 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 10 年前

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

推荐文章

Ankit Pandey · 节点JS:编辑。hbs文件不反映浏览器视图中的更改

6 年前

user2848031 · 如何在更改事件时从DB获取值?

6 年前

user2739418 · HandlebarJS全局计数器

6 年前

stackers bsyk · 如何在Handlebar中获得动态命名的变量?

7 年前

ApplePie · 车把表达式

7 年前

Shooting Stars · 正在分析请求。POST请求的正文

7 年前

user9410037 · 车把在标记中的每个车把外侧绑定

7 年前

Dilby · Bootstrap4导航栏折叠溢出。快速/节点部分

7 年前

Cornell Foreman · 使用Handlbars JS和mysql查询填充多张卡,但只有一个按钮起作用

7 年前

user752746 · 每个模板的把手不在节点中工作

7 年前