node.js - 在jade中使用js循环

Question

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

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

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

Answer 1

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

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

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

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

app.locals.moment = moment;