在Node.js中的Jade Templating中创建具有大数据集的行

时间:2012-09-13 04:49:00

标签: node.js pug

我有大约100个项目,我使用jade iteration将每个项目写入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}

2 个答案:

答案 0 :(得分:2)

注意:这会杀死列表

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

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

答案 1 :(得分:2)

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