У меня есть следующие данные как JSON:
{
"Workout1": {
"Name": "First",
"Rounds": [
{
"Exercises": [
{
"Name": "Exercise1",
"Repeat": 10
},
{
"Name": "Exercise2",
"Repeat": 10
},
{
"Name": "Exercise3",
"Repeat": 10
}
]
},
{
"Exercises": [
{
"Name": "Exercise1",
"Repeat": 20
},
{
"Name": "Exercise2",
"Repeat": 20
},
{
"Name": "Exercise3",
"Repeat": 20
}
]
},
{
"Exercises": [
{
"Name": "Exercise1",
"Repeat": 30
},
{
"Name": "Exercise2",
"Repeat": 30
},
{
"Name": "Exercise3",
"Repeat": 30
}
]
}
]
}
}
и я хочу отобразить его как таблицу html с angularjs и ng-repeat. так что я получаю следующую таблицу:
<table class="table">
<tr>
<th>Round1</th>
<th>Round2</th>
<th>Round3</th>
</tr>
<tr>
<td>10 Exercise1</td>
<td>20 Exercise1</td>
<td>30 Exercise1</td>
</tr>
<tr>
<td>10 Exercise2</td>
<td>20 Exercise2</td>
<td>30 Exercise2</td>
</tr>
<tr>
<td>10 Exercise3</td>
<td>20 Exercise3</td>
<td>30 Exercise3</td>
</tr>
</table>
для предварительного просмотра таблицы: http://jsfiddle.net/54pD8/
моя проблема в том, что таблица html работает на основе строк. Я могу повторять ng-repeat через мои раунды, а затем через мои упражнения но для создания таблицы мне нужно всегда первое из каждого упражнения, а затем второе из каждого упражнения и т.д.
Может кто-нибудь помочь мне с этой проблемой?
пс. если у вас есть идея улучшить макет для этих данных в json, ваши предложения приветствуются, я новичок в json (и angularjs).