pug（jade）とNode.jsの2つの配列を繰り返します

Question

イメージソースURLの配列と対応するWebページURLの配列をとるシンプルなpugレイアウトがあり、同時に両方を繰り返したいと思っています。基本的に私がしたい：

for (i = 0; i < array.length; i++) { 
    // display photos[i] 
    // display webLinks[i] 
} 

私は

block content 
    h1= title 

    ul 
     each val, link in photos, webLinks 
      a(href=link) 
       img(src=val width=200 height=150) 

のように、パグでいろいろなことをしようとしている。しかし、これは写真だけ配列を反復しているようです。

私はこれは、改行を期待していなかったというエラーを与える

each val in photos 
    each link in webLinks 
    // rest of code 

のような他のものを試してみました。

これらの配列からなる単一のオブジェクトをpugに渡すことができます。私はこの問題に対処するパグの反復のドキュメントに何も表示されません。

Answer 1

Pugはインデックスをeach blockの第2引数として定義します。

あなたがループ自体

ul 
    each val, index in photos 
     a(href=webLinks[index]) 
      img(src=val width=200 height=150) 

のインデックスを使用して同じブロックごとに別の配列の値にアクセスすると、あなたが望むものを達成することができます