将图像对象数组传递给玉，然后通过玉显示

Question

这里，我有 use.js 和 use.jade。

在use.js中，我只是通过指定var $image= $(pclass + 'img_01');将硬编码的图像变量img_01从jade映射到use.js

在 .js 中，我使用一些有用的图像分配 $image $image.attr('src', useful_image) 在.jade 中使用img.use--img_01，我可以显示图像（有用的图像）。 现在，我的限制是我不想在 .jade 中硬编码并让 .jade 显示 .js 提供的尽可能多的图像。

所以，我可以在 var $image=[] 的 .js 中创建数组，然后在 $image.push($(pclass + 'img_' + N.toString()) 中创建数组，其中 N 从 0 变化到 K（假设 K =3）。

现在我想在 .jade 中调用这些 img_0, img_1, img_2 .....img_K 并将它们显示在页面上。

所以我的具体问题是我无法在 .jade 中迭代 [img_0, img_1, img_2 .....img_K]。谁能告诉我这样做的最佳方法是什么？？？？

请注意：我使用了渲染方法。同样，我使用了

var express = require('express'); var app = express();

但是，node.js 会因为它本身而崩溃，使用 app.get...

Answer 1

您可以通过这种方式将对象从服务器传递到客户端。

 app.get(..., function (req, res) {
        var stats = { ... };
        res.render('chart', { images: $arrImage });
     });

在客户端循环，你可以使用jade#each。

each oneImage in images
 img( src=oneImage.image)

注意：翡翠已被贬低，请尝试使用Pug#each