如何使用哈巴狗遍历内联变量

Question

我正在尝试遍历一个数组，每次都将 1 添加到内联哈巴狗变量中。到目前为止，这就是我得到的。

ul(class="benchcards")
            - var i = -1
            each card in cards
                -var L = i + 1
                li
                    a.btn(href="/addmonster" + L)
                        div=card.name
                        div= "Attack: "+card.attack
                        div= "HP: "+card.hp
                        div= "Attribute: "+card.attribute
                        div= "Energy: "+card.energy

当我运行页面“L”总是 = 为 0。我希望它每次都加 1。问题真的归结为我做错了什么？

Answer 1

如评论中所述，您没有增加 i，您可以这样解决问题：

ul.benchcards
  - var i = -1;
  each card in cards
    li
      a.btn(href='/addmonster' + i++)
        div= card.name
        div= 'Attack: ' + card.attack
        div= 'HP: ' + card.hp
        div= 'Attribute: ' + card.attribute
        div= 'Energy: ' + card.energy

Answer 2

最好使用index built into the each iterator in Pug。这样你就不必声明或增加变量。

ul.benchcards
  each card, i in cards
    li
      a.btn(href=`/addmonster${i}`)
        div #{card.name}
        div Attack: #{card.attack}
        div HP: #{card.hp}
        div Attribute: #{card.attribute}
        div Energy: #{card.energy}

如何使用哈巴狗遍历内联变量

How do I iterate through an inline var using pug

javascript

pug