使用多次ng-repeat

时间:2016-09-29 06:18:05

标签: html angularjs angularjs-ng-repeat ng-repeat

    <table class="table table-striped">
  <thead>
    <tr>
      <th>#</th>
      <th ng-repeat="header in headers">{{header}}</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="table in tables">
      <td>{{$index+1}}</td>
      <td ng-repeat="header in headers">{{$parent.table.header}}</td>
    </tr>
  </tbody>
</table>

我从服务器检索了一个json数组。首先是ng-repeat:'headers'包含我提取的json数组中的键。它适用于所有情况。 第二次重复:'tables'包含收到的json数组。我想要做的是为json数组的每个元素,通过提供键值来查找数据。 这是我的多重ng重复代码。这不起作用,表格中没有打印数据,但如果我将{{$parent.table.header}}更改为{{$parent.table}}{{header}},我可以看到表格中的数据。 问题是{{$parent.table.header}}我该如何正确地做到这一点?

1 个答案:

答案 0 :(得分:1)

尝试使用$parent.table[header] - 因为header已经是字符串。