javascript - 将嵌套的 ng-repeat 与对象数组一起使用

Question

这是我正在尝试做的事情:

<tr ng-repeat = "data in tabularData track by $index" >
             <td ng-repeat ="(key,value) in usedAttributes" >{{data[key]}}</td>

        </tr>

当表格数据的结构如下时，此 DID 起作用:

[3920F0-3434D3-ADF-3SDF:[{CreatedBy: "John Doe", CreatedDate: "10-20-2016"}]

然而，当我把它展平时，它看起来更像这样:

[{CreatedBy: "John Doe", CreatedDate: "10-20-2016",PrimaryID:"3920F0-3434D3-ADF-3SDF"}]

这是行不通的。我觉得我错过了一些非常明显的东西。

usedAttributes 只是一个包含属性(列数据)的简单对象数组。这个想法是用户可以选择他们想要获得的属性，因此数据表非常动态。对于此示例，usedAttributes 可能如下所示:

["CreatedBy": [{Checked:false}],"CreatedDate":[{Checked:true}]]

因此，尽管存在更多属性，但用户希望看到这两个属性。

Answer 1

你可以这样做，

 <div ng-controller="listController">
    <table class="table table-striped">
      <thead>
        <tr>
          <th ng-repeat="(key, value) in tabularData[0]">{{key | uppercase }}
          </th>
        </tr>
        <tbody>
          <tr ng-repeat="val in tabularData">
            <td ng-repeat="cell in val">
              <input type="text" ng-model="cell">
            </td>
          </tr>
        </tbody>
    </table>
  </div>

DEMO