pug - 通过条件逻辑嵌套 Jade

Question

我有一组检索到的 json 数据，称为 data_list。我想遍历它并拉出它的名称字段并将其嵌入到 twitter 引导网格隐喻中。其输出如下所示:

<div class="row">
   <div class="span4">Name 1</div>
   <div class="span4">Name 2</div>
   <div class="span4">Name 3</div>
</div>
<div class="row">
   <div class="span4">Name 4</div>
   <div class="span4">Name 5</div>
   <div class="span4">Name 6</div>
</div>

问题是我不确定如何在 Jade 中完成此操作。我知道如何遍历我的数据

- for (var key in data_list)
    div.span4
        p= data_list[key].name

我不知道该怎么做是为每三条数据记录注入(inject)一个数据，并让它围绕这三条记录。我知道如何通过

- if ((key % 3) == 0)
    .row

但我只能让它输出 a 但我不能让它包围其他行。非常欢迎任何建议。

Answer 1

我昨天使用 Bootstrap 遇到了同样的问题。

我是这样解决的:

each element, i in dataset
  if i % 3 == 0
    div.row
      each elementInRow, j in dataset.slice(i, i+3)
        div.span4
          ...cell code...

希望能帮助到你!