Question

如何使用多个变量创建while循环？

ul
    while i++ < 10
        item = .container: img(src="images/", alt="")
        li(item)/

要使此代码有效，您需要做些什么？使它像下面的代码。

<ul>
    <li><div class="container"> </div><img src="" alt="">
    <li><div class="container"> </div><img src="" alt="">
</ul>

UPD：0.0.1

此代码 -

ul
  - for(var i = 0; i < 10; i++)
    - var item = 5
    li item

编译在 -

<ul>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
  <li>item</li>
</ul>

我需要 -

<ul>
  <li>5</li>
  <li>5</li>
  <li>5</li>
  <li>5</li>
  <li>5</li>
  <li>5</li>
  <li>5</li>
  <li>5</li>
  <li>5</li>
  <li>5</li>
</ul>

Answer 1

您可以使用JavaScript中的某种for循环。

ul
    - for (var i = 0; i < 10; ++i) {
        item = .container: img(src="images/", alt="")
        li(item)/
    - }

来源：Loop in Jade (currently known as "Pug") template engine

您的更新代码：

使用li #{item}或li= item。 E.g。

ul
    - for (var i = 0; i < 10; ++i) {
        - var item = 5
        li= item
    - }

如何使用多个变量进行while循环？

1 个答案: