Как подтянуть данные из JSON в PUG с помощь цикла?

Question

[Дядя Толя]

Пока что не до конца понимаю как использовать цикл в pug.
У меня есть JSON:

"nav": [
    {
      "link": {
        "title": "banana",
        "href": "/banana"
      }
    },
    {
      "link": {
        "title": "tomato",
        "href": "/tomato"
      }
    },
    {
      "link": {
        "title": "mango",
        "href": "/mango"
      }
    }
  ]

Хотел чтобы срабатывало что-то подобное

ul
    each entry in nav.link
      li: a(href= entry.href)= entry.title

если это возможно, конечно.
возможно я написал что-то несусветное, но сам сколько гуглил -- не разобрался.

Answer 1

[profesor08]

Пока что не до конца понимаю как использовать цикл в pug.

Дело не в pug, а в непонимании javascript объектов и массивов.

-
  const data = {
    "nav": [
      {
        "link": {
          "title": "banana",
          "href": "/banana"
        }
      },
      {
        "link": {
          "title": "tomato",
          "href": "/tomato"
        }
      },
      {
        "link": {
          "title": "mango",
          "href": "/mango"
        }
      }
    ]
  };

each item in data.nav
  li: a(href=item.link.href) !{item.link.title}

Comments

[Дядя Толя]

спасибо большое за ваш ответ!

Дело не в pug, а в непонимании javascript объектов и массивов.

я почитаю про это обязательно, но меня немного сбило с толку в вашем примере то, что вы завернули это в const data. я подобное делал когда писал gulp-сборку, но тут json и пока не пойму почему я не могу достучаться через nav.link.title...

[profesor08]

Дядя Толя, заверни как показано и достучишься. Так как лично я знать не знаю что у тебя там происходит и как все реализовано.

Answer 2

[Александр]

https://pugjs.org/language/iteration.html
Самый первый пример