Question

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

在use.js中，我只是通过指定img_01

将硬编码的图像变量var $image= $(pclass + 'img_01');从jade映射到use.js

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

所以，我能够在var $image=[]然后$image.push($(pclass + 'img_' + N.toString())的.js中创建数组，其中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)

注意：Jade已被删除，因此请尝试使用Pug#each

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

1 个答案: