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

时间:2013-01-11 21:02:27

标签: pug

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

rows = 3
cols = 6

- for (var i = 0; i < rows; i++) {
    #row-#{i}
- }

我要回来了

<div id="row-"></div><0></0><div id="row-"></div><1></1><div id="row-"></div><2></2>

1 个答案:

答案 0 :(得分:10)

模板:

rows = 3
cols = 6

- for (var i = 0; i < rows; i++) {
    div(id='row-'+i)
- }

输出:

<div id="row-0"></div>
<div id="row-1"></div>
<div id="row-2"></div>

虽然你说“枚举”,所以也许你真的想要:

- for (var i = 0; i < rows; i++) {
    div(class='row-'+i)
- }