如何在哈巴狗模板的图像标签 - src attr 中使用字符串插值？

Question

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

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

Answer 1

您发布的 Twitter link 用于内联 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)

How can I use string interpolation in a pug template's image tag - src attr?