如何在帕格模板的圖像標籤中使用字符串插值 - src attr？

Question

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

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

Answer 1

您發佈的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)