pug 템플릿의 이미지 태그 인 src attr에서 문자열 보간을 사용하려면 어떻게해야합니까?

Question

내 var imgsrc을 img(src="") 안에 어떻게 넣을 수 있습니까?

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

Answer 1

당신이 게시 트위터 링크는 인라인 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)