使用 blaze 创建 UI 个评论组件

Question

我正在尝试使用 Blaze 创建评论组件，但我不知道如何处理回复。

这是 'comment' 元素的架构：

_id、authorId、message、replies（那些是评论 id）、isReply（布尔值）。

然后我用 html

创建了一个模板

{{#each message}}
 <div class="message">
   <h2>{{author}}</h2>
   <p>{{message</p>
   <a class="button">Reply</a>
 </div>
     {{#each replies}}
       <div class="message">
         <h2>{{author}}</h2>
         <p>{{message</p>
         <a class="button">Reply</a>
       </div>
     {{/each}}
{{/each}}

那么，我如何处理回复的回复？有什么想法吗？

Answer 1

您需要递归使用模板！ An example

在您的情况下，类似于以下内容：

{{#each message}}
 <div class="message">
   <h2>{{author}}</h2>
   <p>{{message</p>
   <a class="button">Reply</a>
 </div>
     {{#each replies}}
       {{> reply}}
     {{/each}}
{{/each}}

<template name="reply">
  <div class="message">
  <h2>{{author}}</h2>
  <p>{{message</p>
  <a class="button">Reply</a>
  {{#each replies}}
    {{> reply}}
  {{/each}}
</div>
</template>

您需要 replies 模板的 reply 助手来获取对该回复的回复。

使用 blaze 创建 UI 个评论组件

Creating UI comment component with blaze

meteor

meteor-blaze