在 Pug 中连接带有 Id 标签的变量

Question

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

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

我希望得到

li#id0
li#id1
...

Answer 1

Pug 的 ID shorthand 不适用于动态值。请改用标准 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>

Concatenate a variable with an Id tag in Pug