node.js - 在 HTML 属性中插入值 - Pug (Jade)

Question

我正在尝试在 Jade 中构造一个带有动态 href 属性的 anchor 标签。

我确实通过了 docs 和一些 SO 问题，但它们没有帮助我。这是我尝试过的。

a(href= "http://www.imdb.com/title/#{movie.imdb_id}") Know more

但它呈现

http://www.imdb.com/title/#{movie.imdb_id}  

而不是

http://www.imdb.com/title/tt1234567

然而这是有效的

a(href= "http://www.imdb.com/title/" + movie.imdb_id) Know more

还有这个。

- var url = "http://www.imdb.com/title/" + movie.imdb_id;
  a(href= url) Know more

第一个版本有什么问题？

Answer 1

插值仅在文本中可用。

属性需要使用JS字符串拼接:

a(href="http://www.imdb.com/title/" + movie.imdb_id) Know more

如果您的 JavaScript 运行时支持 ES2015 template string , 你也可以使用它们(注意反引号):

a(href=`http://www.imdb.com/title/${movie.imdb_id}`) Know more

Reference