NodeJS-Jade:从数组中以div显示图像

Question

我需要在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 没有在网页上显示任何内容。没有错误。由于我对此比较陌生，因此我不太了解。有人可以指出我正确的方向吗？

Answer 1

您可以使用 Pug (Jade( 的每个循环来循环访问数组：

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