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

标签 node.js express pug

我正在尝试在 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

第一个版本有什么问题?

最佳答案

插值仅在文本中可用。

属性需要使用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

关于node.js - 在 HTML 属性中插入值 - Pug (Jade),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38886286/

相关文章:

javascript - 如何扩散到导出

javascript - 在 Node.js 中构建多分支树时的性能问题

带有 Express : how to redirect a POST request 的 Node.js

view - Express.js : How can I get the ip Address and render a view?

node.js - 在 jade 中,传递给 `mixin` 的参数具有未计算的变量

node.js - 将二进制音频文本转换为音频文件

javascript - 带有配置的 NodeJS 模块 - 从 require 或 module.exports 实例化

node.js - 快速重定向和本地

javascript - 错误消息 'RangeError: Invalid time value' 的奇怪行为

node.js - 在 Jade 中调用 mixin 时, "+"和 mixin 关键字有什么区别?