2017-09-05 2 views
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) 

しかし、唯一のサムネイルの配列のためにこれを行う場合、それは動作します。では、リンクとサムネイルを分けることができる適切な方法で両方の配列にどのようにアクセスできますか?

ありがとうございます!

答えて

1

私は実際にそれを動作させることができました。

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

これは私が望んでいたまさにありませんが、次のように私は私のループを持っています。うまくいけば、これは将来誰かに役立つでしょう!

関連する問題