使用 blaze 创建 UI 注释组件

Question

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

这是“评论”元素的架构：

_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 模板。