javascript - 我的 Jade for 循环代码有什么问题？

Question

这些是我的 Jade 的整个循环代码

block content
  div(class='row')
    div(class='col-lg-12')
      h1(class='subject') 로또라이
  div(class='row')
    div(class='col-lg-8')
      - for (var i=0; i<3; i++)
      div(class='row')
        - for (var j=0; j<12; j++)
        p 1
    div(class='col-lg-4')
      div(class='row')
        h5(style='text-align:center') 대환장익명챗
      div(class='row')
        ul(id="message" class='list-group')
      div(class='row')
        form(action="", class='form-inline')
          div(class='form-group')
            input(id="m", class='form-control', autocomplete="off")
            button(class="btn btn-default") Send
      script(src="/socket.io/socket.io.js")
      script(src="https://code.jquery.com/jquery-1.11.1.js")
      script(src="/javascripts/makeSocketVariable.js")

这些部分的结果是意想不到的。

 div(class='row')
    div(class='col-lg-8')
      - for (var i=0; i<3; i++)
      div(class='row')
        - for (var j=0; j<12; j++)
        p 1

它只得到结果两个 div 和一个 p 标签。我期望 3 个 div 和其中的每个 12-p 标签。

我的 Jade 循环代码有什么问题？

Answer 1

问题出在你的缩进上。这是固定形式

div(class='row')
  div(class='col-lg-8')
    - for (var i = 0; i < 3; i++)
      div(class='row')
        - for (var j = 0; j < 12; j++)
          p #{j}

如您所见，您没有将 p 嵌套在 for 循环内。