如何在Meteor中执行递归模板?

词汇的

而是一个理论性的问题-如何在Meteor中呈现递归模板?例如,显示对注释的注释,其中注释子级别的数量不受限制,以便HTML可以按以下方式显示?

<section>
   some text
   <section>
      nested text
      <section>
        further nested text and sections
        .....
      </section>
   </section>
</section>

就我而言,我将mongoDB文档传递给“树”模板,该文档可以具有无限数量的子内容级别。我下面的示例不符合我的要求。

<template name="tree">  
    <div class="wrapper" style="border:1px solid red">
        <ul>
            {{#each getStructure}}
            <li>
                {{#each content}}
                <ul>

                    <li>
                        <a class="item">{{text}}</a>

                        <!-- TODO: this stuff needs to be recursive. 
                        {{#if sub_content}}
                        <ul>
                            {{#each sub_content}}
                                <li>
                                <a class="item">{{text}}</a>
                                {{#if sub_content}}
                                ....
                                {{/if}}
                                </li>
                            {{/each}}
                        </ul>
                        {{/if}}
                    </li>

                </ul>
                {{/each}}
            </li>

            {{/each}}
        </ul>
    </div>
</template>
亚伦

递归的一个简化示例,假设您有一个以下示例模板:

<template name="post">
  {{post_text}}

  {{#each comments}}
    {{>comment}}
  {{/each}}
</template>

和以下职位的助手:

Template.post.helpers({
  comments: function() {
    return CommentCollection.find({post_id: this._id, parent_id: {$exists: 0}});
  }
});

我将为注释布局创建模板,并在其中为子注释提供帮助,具体取决于您的数据结构,如下所示:

<template name="comment">
  {{comment_text}}

  {{#each sub_comment}}
    {{> comment}}
  {{/each}}

</template>

然后按照以下方式进行帮助:

Template.comment.helpers({
  sub_comments: function() {
    return CommentCollection.find({parent_id: this._id});
  }
});

这将递归地为每个子注释生成注释模板,然后将树向上滚动到下一个#each,然后打印该注释及其所有子注释等。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Meteor中执行递归模板?

来自分类Dev

如何在递归模板函数中的首次调用时执行函数?

来自分类Dev

如何在xslt中创建递归模板

来自分类Dev

如何在xslt中创建递归模板

来自分类Dev

如何在递归场景中执行XOR

来自分类Dev

如何在JavaScript中执行递归方法

来自分类Dev

如何在HandleBars模板中执行IF逻辑?

来自分类Dev

如何在Knockout.js中递归使用模板

来自分类Dev

如何在Meteor模板中打印键和值?

来自分类Dev

如何在Sqlite中设置表以执行递归查询?

来自分类Dev

如何在Sqlite中设置表以执行递归查询?

来自分类Dev

模板在Meteor中如何工作?

来自分类Dev

如何在EJS模板中执行JavaScript代码?

来自分类Dev

如何在 Django 模板中执行此循环?

来自分类Dev

我们如何在Meteor中从模板的事件代码中调用另一个模板的事件代码?

来自分类Dev

如何在Meteor JS中将数组值加载到模板变量中?

来自分类Dev

如何在不使用帮助器的情况下访问Meteor模板中的全局变量?

来自分类Dev

如何在Meteor模板助手中访问FlowRouter订阅?

来自分类Dev

如何在模板参数上执行合同

来自分类Dev

如何在Mongo DB中执行递归CTE(等效于SQL Server)

来自分类Dev

如何在模板中调用模板?

来自分类Dev

如何在模板中引用模板?

来自分类Dev

如何在 xslt 中进行递归模板匹配

来自分类Dev

模板中的无限递归

来自分类Dev

如何在Swig模板(express.js)中重复执行代码块X次

来自分类Dev

如何在Swig模板(express.js)中重复执行代码块X次

来自分类Dev

如何在OpenStack HOT模板文件中执行本地shell命令?

来自分类Dev

如何在流星模板助手中执行事件冒泡

来自分类Dev

如何为模板中的 API 事件执行“/”?

Related 相关文章

热门标签

归档