在jade / id插值中动态设置id

Question

我已经尝试了所有可以想到的排列，但是没有成功。 我试图在玉石模板中动态设置一个id。

#{page.name}(data-role= 'page', data-theme= 'c', data-url='#{"#"+page.name}')

我想知道它是否真的有可能。 有谁知道怎么做？

如果有人知道，请在我的头发脱落之前帮助我:(

Answer 1

对于寻找答案的人： 由快递的开发人员TJ友好地回答。

  

div（id = myPassedId），

     

div ## {myPassedID}（不支持，因为它会超级丑陋

Answer 2

这里的建议在我的方案中不起作用......

适用于我的格式：

x-task-id!="<%= id %>"

丑陋，但功能齐全。

Answer 3

现在您还可以使用 template literal：

- const page = { name: 'foo' }
#{page.name}(data-role="page" data-theme="c" data-url=`#${page.name}`)

输出（使用 Pug 2.0.4）：

<foo data-role="page" data-theme="c" data-url="#foo"></foo>