повторение вложенности angularJS

0

У меня есть данные в следующем формате.

[
  {
    "id": "1",
    "quizId": "2",
    "question": "What team is Messi playing ?",
    "quiz": [
      {
        "id": "2",
        "categoryId": "67",
        "name": "Football Quiz",
        "quizsize": "0"
      }
    ],
    "answers": [
      {
        "id": "1",
        "questionId": "1",
        "name": "Barcelona",
        "correct": "1"
      },
      {
        "id": "2",
        "questionId": "1",
        "name": "M.City",
        "correct": "0"
      },
      {
        "id": "3",
        "questionId": "1",
        "name": "Real Madrid",
        "correct": "0"
      },
      {
        "id": "4",
        "questionId": "1",
        "name": "Liverpool",
        "correct": "0"
      }
    ]
  }
]

Я пытаюсь отобразить его в таблице. Каждый вопрос (корень) является строкой, для одного td я получаю quiz.name, а затем я также пытаюсь отобразить имя answer.name.

<table class="table table-striped">
    <tr>
        <th>Title</th>
        <th>Category</th>
        <th>Answer 1</th>
        <th>Answer 2</th>
        <th>Answer 3</th>
        <th>Answer 4</th>

    </tr>
    <tr ng-repeat="question in questions"> 
        <td>{{ question.question}}</td>    
        <td>{{ question.quiz[0].name }}</td> 
        <td ng-repeat="answer in question.answers">   
            <td>{{ answer.name}}</td>
        </td>
    </tr>
</table>

Второй ng-repeat ничего не отображает. Я также попробовал ответить [0].name.

Теги:
html-table
angularjs-ng-repeat

1 ответ

3
Лучший ответ

Ваш текущий HTML недействителен в соответствии со стандартами.

Элемент td не может быть вложенным, вы должны использовать другой элемент для отображения содержимого внутри td например div или span

наценка

<tr ng-repeat="question in questions"> 
    <td>{{ question.question}}</td>    
    <td>{{ question.quiz[0].name }}</td> 
    <td ng-repeat="answer in question.answers">   
        <div>{{ answer.name}}</div>
    </td>
</tr>
  • 0
    Работает как шарм, спасибо.
  • 0
    @ Кристиан рад помочь вам .. Спасибо :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню