node.js - 在 Node.js 中的 Jade 模板中使用大型数据集制作行

Question

我有大约 100 个项目，我使用玉迭代将它们中的每一个都写入 html。但是，我正在努力寻找一种优雅的方式将项目分成三行。

为了清楚起见，我想要这样的东西：

.row
    .item1
    .item2
    .item3
.row
    .item1

... 等等...

我已经尝试过像这样的内联javascript，但没有运气：

- var a = 0;
  each item in list
    - a++;
    - if(a % 3 == 0)
      .row-fluid
        .span3(id='#{item.id}')
          p #{item.id}
    - else
        .span3(id='#{item.id}')
          p #{item.id}

Answer 1

注意：这会杀死列表

while list.length > 0
  .row
    for item in list.splice(0, 3)
      .span3(id=item.id)
        p= item.id

让我知道这是否有效，因为我只是把它从头顶写下来

Answer 2

- var i = -3;
while i <= list.length
  - i += 3;
  .row
    each item in list.slice(i, i+3)
      .span3(id='#{item.id}')