1

私が構築しているブログのようなシステムにスレッド化されたコメントを実装しようとしています。コメントは次のようになります (JavaScript):

{
    text: "whatever",
    author : "name"
    children: [ /* more comments*/ ]
}

子コメント自体が子を持つ場合があることに注意してください。

次のような口ひげのテンプレートがあります。

{{#comments}}
    <li><div class='comment'>
        {{author}} wrote {{text}}
    </div></li>
{{/comments}}

このスキームを使用してスレッド化されたコメントをレンダリングする方法はありますか? 口ひげがロジックレスであることは、それを使用してこのようなものを実装できないことを意味しますか?

FWIWテンプレートのレンダリングにmote.jsライブラリを使用しています。

4

1 に答える 1

1

これはパーシャルに最適です。したがって、ページ テンプレートは次のようになります。

...

<ul>
  {{# comments }}
    {{> comment }}
  {{/ comments }}
</ul>

...

コメントのパーシャルは次のようになります。

<li>
  <div class="comment">

    ... commentystuff

    <ul>
      {{# children }}
        {{> comment }}
      {{/ children }}
    </ul>
  </div>
</li>

また、JS を使用しているように見えるので、子コメントがない場合は、埋め込まれた UL 全体を条件付きで非表示にすることもできます。{{# children.length }}セクションでラップするだけです。

<li>
  <div class="comment">

    ... commentystuff

    {{# children.length }}
      <ul>
        {{# children }}
          {{> comment }}
        {{/ children }}
      </ul>
    {{/ children.length }}
  </div>
</li>
于 2012-11-05T06:14:25.257 に答える