mustache - 如何在 mustache 循环中的每两个项目上添加一个包装器？

Question

我试图在胡须中循环 json 时得到这个结果

<div class="group">
    <article></article>
    <article></article>
</div>
<div class="group">
    <article></article>
    <article></article>
</div>

这是我唯一知道该怎么做的事

{{# books }}
    <article> ... </article>
{{/ books }}

ps - 我正在使用模式实验室

Answer 1

模式实验室节点的维护者在这里。

我的建议与 O_Z 的评论类似，因为更改数据以利用 listitems.json 可能是更好的选择。

您可以在这里阅读全部内容：http: //patternlab.io/docs/data-listitems.html

如果你真的想要这样的配对项目，那么要点就是有一个模板，然后是这样的：

{{# listItems.three}}
<div class="group">
    <article>...</article>
    <article>...</article>
</div>
{{/ listItems.three}}

您的listitems.json对应位置为：

{
  "1": {
    "articles" : [
       {...},
       {...}
    ]
  },
  "2": {
    "articles" : [
       {...},
       {...}
    ]
  },
  "3": {
    "articles" : [
       {...},
       {...}
    ]
  }
}

listitems.three与输出文章的数量无关，只是潜在的数据。使用这种方法，每个构建的项目顺序实际上也是随机的。