迭代在帕格的多个阵列

我正在用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' ] }

我有我的帕格模板如下

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)

但是，只有缩略图的阵列做工作。那么，如何才能以适当的方式访问这两个数组，并将链接和缩略图分开呢？

预先感谢您！

来源

2017-09-05 Nuuskis

我真的设法让它工作。

我有我的循环如下

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

这不正是我想要的。希望这将有助于未来的人！

来源

2017-09-05 17:18:40 Nuuskis

迭代在帕格的多个阵列

回答

相关问题