javascript - 如何在 pug 模板的图像标签 - src attr 中使用字符串插值?

标签 javascript pug templating string-interpolation

如何在 img(src="") 中使用我的 var imgsrc

- var imgsrc =  '../assets/images/tasting-notes-ingredients/'
img(src="#{imgsrc}grapes.png")

最佳答案

您发布的 Twitter 链接用于内联 HTML 元素 声明。您想要将变量与字符串连接起来,可以这样做:

- var imgsrc =  "../assets/images/tasting-notes-ingredients/"
img(src= imgsrc + "grapes.png")

顺序无关紧要,如果需要,您还可以将 src 参数设置为仅等于变量。您可以先连接变量 & grapes.png,然后将 src 设置为仅等于该变量。

- var imgsrc =  "../assets/images/tasting-notes-ingredients/"
- imgsrc     += "grapes.png"
img(src= imgsrc)

关于javascript - 如何在 pug 模板的图像标签 - src attr 中使用字符串插值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42752664/

相关文章:

vue.js - 在 vue.config.js 中添加 pug-plain-loader 配置

html - 嵌套循环如何与 Jade 一起工作?

html - 在 handlebars 的 helpers 中渲染模板

gruntjs - 使用 assemble 转义部分

javascript - HTML - 通过按同一行内的按钮获取行 ID

javascript - 如何使用Mootools为循环中的元素设置唯一id?

javascript - 无法将数据从js传递到node.js中的jade

javascript - 字符串化 map 中的数据?

javascript - 如何获取/设置当前页面 URL(跨时空浏览器版本)

javascript - 从单独的文件加载 underscore.js 模板