1
私はNode and Expressで画像ギャラリーアプリケーションを作っています。私はテンプレートエンジンとしてPugを使用しています。フルサイズ、画像、サムネイル用に別々のフォルダがあります。基本的に私が望むのは、サムネイルだけをレンダリングし、そのサムネイルをその画像へのリンクにすることです。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)
しかし、唯一のサムネイルの配列のためにこれを行う場合、それは動作します。では、リンクとサムネイルを分けることができる適切な方法で両方の配列にどのようにアクセスできますか?
ありがとうございます!