sh4rov
@sh4rov
Мне 28. Изучаю верстку сайтов.

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

Пока что не до конца понимаю как использовать цикл в 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


если это возможно, конечно.
возможно я написал что-то несусветное, но сам сколько гуглил -- не разобрался.
  • Вопрос задан
  • 56 просмотров
Пригласить эксперта
Ответы на вопрос 2
profesor08
@profesor08 Куратор тега JavaScript
Пока что не до конца понимаю как использовать цикл в 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}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
23 окт. 2020, в 05:33
15000 руб./за проект
23 окт. 2020, в 03:00
1500 руб./за проект