@Bastard_Kiton

Как итерировать массив json в jade?

Собираю простенький статический сайт, сборщик - gulp, статика в jade, есть данные, которые удобно хранить в json.

Создал следующую конструкцию в jade:
ol
  each question in questions
    li=question.q
      each val in question.answers
        label=val
          input(type="radio")
      
      span=question.current
      span К сожалению, неправильный ответ. Пожалуйста, ознакомьтесь с информацией по вопросу здесь: 
        a(href=question.checkLink, target="_blank")=question.checkLink


и такую в json-файле:

{
  "questions":{

    "question":{
      "q" : "some question 1",
      "answers" : ["Ответ первый", "Ответ второй", "Ответ третий", "Ответ четвертый"],
      "current" : 3,

      "checkLink" : "http://test.test/"
    },
    "question":{
      "q" : "some question 2",
      "answers" : ["Ответ первый", "Ответ второй", "Ответ третий", "Ответ четвертый"],
      "current" : 3,

      "checkLink" : "http://test.test/"
    },
    "question":{
      "q" : "some question 3",
      "answers" : ["Ответ первый", "Ответ второй", "Ответ третий", "Ответ четвертый"],
      "current" : 3,

      "checkLink" : "http://test.test/"
    }

  }
}


после сборки страницы вижу в статике вижу только последний "вопрос" - "some question 3", два предыдущих почему-то не рендерятся. Подозреваю, что что-то не так с json-данными. Буду признателен развернутому ответу с примером кода. Спасибо. :)
  • Вопрос задан
  • 806 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега Gulp.js
frontend developer
{
  "questions" : [
    {
       "q": "",
       ....
    },
    {
       "q": "",
       ....
    },
    ...
  ]
}

Вы в блокноте что ли код пишете? Любая IDE скажет вам о невалидности вашего json кода. А именно - повторяющиеся ключи в объекте questions, который вообще должен быть массивом.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы