Question

我有一个简单的哈巴狗布局，它采用了一系列图像源网址和一组相应的网页网址，我想同时迭代这两个网页网址。基本上我想做：

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中的第二个参数。

您可以使用循环索引本身访问同一个块中另一个数组的值来实现您想要的效果

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

在pug（jade）和Node.js

1 个答案: