在Pug中将具有ID标签的变量连接起来

Question

我正在尝试使用ID和递增数字创建动态变量。

ul
  - for(var i = 0; i < 3; i++) 
    li#id#{i}

我希望得到

li#id0
li#id1
...

Answer 1

Pug的id速记不适用于动态值。请改用标准的attribute syntax。

ul
  - for (var i = 0; i < 3; i++) 
    li(id= 'id' + i)

或者，如果您喜欢ES6模板字符串：

ul
  - for (var i = 0; i < 3; i++) 
    li(id=`id${i}`)

两者均编译为：

<ul>
  <li id="id0"></li>
  <li id="id1"></li>
  <li id="id2"></li>
</ul>