迭代在帕格的多個陣列

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

迭代在帕格的多個陣列

回答

相關問題