2017-06-15 32 views
0

我需要在div内显示图像。图片网址存储在数组中。我需要将这个数组传递给玉模板,我需要使用循环显示它们。这个怎么做?这是我如何尝试,但它不工作。NodeJS-Jade:以div显示图像

- var arr = #{imageArray} 
- for (var i=0; i<arr.length; i++) 
    <img src="arr[i]" /> 

上面给出了意想不到的字符'#'错误。

- var arr = imageArray 
- for (var i=0; i<arr.length; i++) 
    <img src="arr[i]" /> 

上面的coe没有在网页上显示任何东西。没有错误。由于我对此比较陌生,所以我没太多想法。有人能请我指出正确的方向吗?

+0

你尝试添加@HoàngĐăng我已经更新了我的问题的支架 –

+0

。 – User2682

+0

以及如果您尝试使用'ìmg(src =#{arr [1]})'? – mJehanno

回答

1

您可以使用each循环帕格(翡翠)的遍历数组:

each image in imageArray 
    img(src=image, alt="") 
+0

它被称为[pug,not jade](https://pugjs.org/ api/migration-v2.html#project-rename) –

+1

是的,现在它叫帕格。感谢您纠正:) @PatrickRoberts –

+0

'src =“#{image}”'应该只是'src = image'在帕格。看起来你需要学习帕格的新功能〜 –