Erstellen von UI-Kommentar-Komponente mit Blaze

Question

Ich versuche, eine Kommentarkomponente mit Blaze erstellen, aber ich weiß nicht, wie mit den Antworten umzugehen.

Dies ist das Schema für das 'Kommentar' Element:

_id, authorid, Nachricht, antwortet (das ist Kommentar-IDs), isReply (boolean).

Dann habe ich eine Vorlage mit 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}} 

Nun, wie kann ich die Antworten der Antworten umgehen? Irgendeine Idee?

Answer 1

Sie müssen die Vorlagen rekursiv verwenden! An example

In Ihrem Fall so etwas wie die folgenden:

{{#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> 

Sie werden für die reply Vorlage einen replies Helfer benötigen, die Antworten auf diese Antwort bekommt.