javascript - 使用 ng-repeat 和 $index 传递二维数组

Question

有这样的输入:

myArray = [
            {name: "name1", id: 1, parameters: ["first", "second"]},
            {name: "name2", id: 2, parameters: ["first"]},
            {name: "name3", id: 3, parameters: ["first", "second"]},
];

我想把它放在 table 上看起来像这样:

我试过了，前两列是正确的，但最后一列没有出现:

<tr ng-repeat="rows in $ctrl.name track by $index">
    <td>{{$ctrl.name[$index]}}</td>
    <td>{{$ctrl.id[$index]}}</td>
    <td><span ng-repeat="rows in $ctrl.parameters[$index] track by $secondIndex">{{$ctrl.parameters[$index][$secondIndex]}}</span></td>
</tr>

错误信息是

Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys.

所以可能两个 ng-repeats 不是解决方案，但它不知道如何做到这一点。有什么想法吗？

Answer 1

这也应该有效:

<tr ng-repeat="item in myArray">
  <td>{{item.name}}</td>
  <td>{{item.id}}</td>
  <td>
    <span ng-repeat="subItem in item.parameters">{{subItem}}</span>
   </td>
 </tr>