AngularJS: Странные связывания при использовании нг-повтор

Question

У меня есть массив, подобный этому [{ "FirstValue": { "SubValue1": "ReallyLongValue"}, "SecondValue": "Мичиган"}, { "FirstValue" : { "SubValue2": "Джон"}, "SecondValue": "Vegas"}]

мне нужно, чтобы быть в состоянии создать таблицу как следующий SubValue1: ReallyLongValue Мичиганского SubValue2: Джон Vegas

У меня есть ng-repeat, проходящий через внешний массив, который создает директиву. Внутри этой директивы я еще нг-повтор следующим

<td ng-repeat="(type, name) in employeecell.FirstValue"> 
    {{type}} 
    <td>{{type}}</td> 
    <td>{{name}}</td> 
    <td>{{employeecell.SecondValue}}</td> 
    <td> 
    <button>test</button> 
    </td> 
</td> 

Это будет связывать первый тип, но как только он достигнет следующего {{тип}} это просто пустой. Я попытался использовать div вместо ng-repeat, который не работает. Мне нужно иметь возможность получить фактическое значение ключа «SubValue», поскольку это не является потенциально известным.

Возможно, я приближаюсь к этому неправильно. Я создал plnkr, чтобы дать представление о том, для чего я собираюсь.

http://plnkr.co/edit/mPtYGj?p=preview

Answer 1

Похоже, что это на самом деле HTML вопрос. Попробуйте это с помощью внутренней таблицы html.

<td ng-repeat="(type, name) in employeecell.FirstValue"> 
{{type}} 
    <table> 
    <tr> 
     <td>{{type}}</td> 
     <td>{{name}}</td> 
     <td>{{employeecell.SecondValue}}</td> 
     <td><button>remove</button></td> 
    </tr> 
</table> 
</td> 

Это то, что вы искали?