在jade中使用js循环答案

【问题标题】：using js loop in jade在jade中使用js循环
【发布时间】：2013-03-18 07:12:18
【问题描述】：

我无法在玉中显示一组图像，它们是从 javascript 传递的，但我只是得到一个只有标题的空白框。这是jade给我带来麻烦的部分。

h2 Connections
     ul
      script(type='text/javascript')
       - for (i = 0; i < 5; i++)
        li
         - for (j = (i*5); j < j+1; j++)
          - for (k = j; k < (j+5); k++)
           img(src='#{connections[k]}', width='50', height='50')
     ul

我遇到的最新问题是 img(src='#{connections[k]}', width='50', height='50') 中的 k 未定义！我试过移动它，但如下所述，我意识到 [k] 需要在 #{} 部分中。

【问题讨论】：

谢谢@SLaks，我正试图在你编辑的同时编辑它。谢谢
您能否提供您希望获得的最终 HTML 输出示例？

标签： node.js express pug

【解决方案1】：

如果你想遍历你拥有的每张图片，你需要使用这样的东西：

img(src='#{connections[k]}', width='50', height='50')

#{} 中的所有内容都将作为 JavaScript 执行。可以做任何操作，使用任何模块，只要定义为本地即可。

在 Express.js 中，如果您想在 Jade 模板中使用（例如）Moment.js：

app.locals.moment = moment;

【讨论】：