在 Pug 中迭代多个数组答案

【问题标题】：Iterating over multiple arrays in Pug在 Pug 中迭代多个数组
【发布时间】：2018-02-14 00:05:00
【问题描述】：

我正在使用 Node 和 Express 制作一个图片库应用程序。我使用 Pug 作为我的模板引擎。我有完整尺寸、图像和缩略图的单独文件夹。基本上我想要的是只渲染缩略图并将该缩略图作为该图像的链接。

我从路由中传递了一个带有两个数组的对象，并将其输出到控制台：

    { link:
   [ '/images/20170902_164510.jpg',
     '/images/IMG-20170903-WA0002.jpg',
     '/images/IMG-20170903-WA0003.jpg',
     '/images/IMG-20170903-WA0004.jpg' ],
  thumb:
   [ '/thumbnails/20170902_164510.jpg',
     '/thumbnails/IMG-20170903-WA0002.jpg',
     '/thumbnails/IMG-20170903-WA0003.jpg',
     '/thumbnails/IMG-20170903-WA0004.jpg' ] }

我的 Pug 模板如下

 each image in images
            a(href=image.link, data-toggle='lightbox')
                img(src=image.thumb)

这不会在页面中输出任何内容。

如果我这样做，它会起作用

 each image in images.thumb
            a(href=image, data-toggle='lightbox')
                img(src=image)

但仅适用于缩略图数组。那么如何以适当的方式访问这两个数组以分隔链接和缩略图呢？

提前谢谢你！

【问题讨论】：

标签： arrays node.js express iteration pug

【解决方案1】：

我实际上设法让它工作。

我的循环如下

each image, i in images.thumb
            a(href=images.link[i], data-toggle='lightbox')
                img(src=image)

这正是我想要的。希望这对将来的人有所帮助！

【讨论】：