繁体   English   中英

将图像对象数组传递给玉器,然后通过玉器进行显示

[英]passing array of image objects to the jade and then displaying via jade

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

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

在.js中,我使用$image.attr('src', useful_image)有用的图像)通过一些有用的图像分配$ image。在.jade中使用img.use--img_01 img_01,我可以显示图像(useful_image)。 现在,我的约束是我不想在.jade中进行硬编码,而让.jade显示尽可能多的.js提供的图像。

因此,我能够在var $image=[] .js中创建数组,然后在$image.push($(pclass + 'img_' + N.toString()) N中创建数组,其中N从0到K变化(可以说K = 3)。

现在,我要在img_0, img_1, img_2 .....img_K调用这些img_0, img_1, img_2 .....img_K img_K并将其显示在页面上。

因此,我的具体问题是我无法迭代[img_0, img_1, img_2 .....img_K] 谁能告诉我这样做的最佳方法是什么????

请注意:我使用了渲染方法。 对于我使用的相同

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

但是,node.js本身因使用app.get而崩溃而崩溃了...

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

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

要在客户端循环播放,可以使用jade#each

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

注意:翡翠已被剥夺,因此请尝试使用Pug#each

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM