pugテンプレートの画像タグ（src attr）で文字列補間を使用するにはどうすればよいですか？

Question

var imgsrcはimg(src="")の中でどのように使用できますか？

- 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)