gpt4 book ai didi

javascript - 如何使用 musatche 模板呈现线程注释?

转载 作者:行者123 更新时间:2023-11-28 02:37:37 24 4
gpt4 key购买 nike

我正在尝试为我正在构建的类似博客的系统实现线程评论。评论可能如下所示(JavaScript):

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

请注意,子评论本身可能也有子评论。

我有一个 mustache 模板,如下所示:

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

有什么方法可以使用此方案呈现线程注释吗? mustache 缺乏逻辑是否意味着我无法使用它来实现类似的东西?

FWIW我正在使用mote.js用于渲染模板的库。

最佳答案

这非常适合部分内容。所以你的页面模板看起来像这样:

...

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

关于javascript - 如何使用 musatche 模板呈现线程注释?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13219900/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com