使用for循环迭代命名一个类#row - #{i}不起作用

ily*_*lyo 1 pug

我试图运行一个for循环,它会创建一个带有枚举类的div,为什么这不起作用?

rows = 3
cols = 6

- for (var i = 0; i < rows; i++) {
    #row-#{i}
- }
Run Code Online (Sandbox Code Playgroud)

我回来了

<div id="row-"></div><0></0><div id="row-"></div><1></1><div id="row-"></div><2></2>
Run Code Online (Sandbox Code Playgroud)

Mat*_*all 10

模板:

rows = 3
cols = 6

- for (var i = 0; i < rows; i++) {
    div(id='row-'+i)
- }
Run Code Online (Sandbox Code Playgroud)

输出:

<div id="row-0"></div>
<div id="row-1"></div>
<div id="row-2"></div>
Run Code Online (Sandbox Code Playgroud)

虽然你说"枚举 "所以也许你真的想要:

- for (var i = 0; i < rows; i++) {
    div(class='row-'+i)
- }
Run Code Online (Sandbox Code Playgroud)