如何使用用户循环渲染玉器布局

Question

我想尝试渲染类似的东西：

<div class="row">
    <div class"test">
       User 1
    </div>
    <div class"test">
       User 2
    </div>
    <div class"test">
       User 3
    </div>
</div>
<div class="row">
    <div class"test">
       User 4
    </div>
    <div class"test">
       User 5
    </div>
    <div class"test">
       User 6
    </div>
</div>

每个.row：

我需要3 .test

  - var count = 0
  div.row
  for user in Users
    - count++
    -if ((count % 3) == 0)
      div.test  
        | #{user.name}
      div.row
    -else
      div.test
        | #{user.name}

但是，它不起作用，因为当循环尝试渲染“div.row”时，它会自动关闭标记。

错误的结果是：

<div class="row"></div>
<div class="test">User 1</div>
<div class="test">User 2</div>
<div class="test">User 3</div>
<div class="row"></div>
<div class="test">User 4</div>
<div class="test">User 5</div>
<div class="test">User 6</div>
<div class="row"></div>

Answer 1

其中一种可能的方法是在将您的Users数组发送给jade之前重新组织它。

for group in Users
    div.row
        for user in group
            div.test
                | #{user.name}

然后在玉

{{1}}

Answer 2

var MyModule;
(function (MyModule) {
    var Example = (function () {
        function Example() {
        }
        return Example;
    })();
    MyModule.Example = Example;
})(MyModule || (MyModule = {}));