angularjs - 嵌套的 ng-repeat 不起作用

Question

我正在使用ng-table通过以下方式将数组结构放入表中：

<table ng-table="tableParams" class="table" ng-controller="VenueListCtrl">
  <tbody>
    <tr ng-repeat="entry in venues">
      <div ng-repeat="(key, val) in entry">
        <td data-title="key">
          {{val}}
        </td>
      </div>
    </tr>
  </tbody>
</table>

考虑场所：

[{"id":"C001","name":"Bobo"},{"id":"C002","name":"Shobo"},{"id":"C003","name":"Soho"}]

第一个ng-repeat工作正常，因为我可以看到表中的 3 行。第二个ng-repeat好像不行。

我究竟做错了什么 ？

Answer 1

表格行元素( <tr>) 不能接受 a作为<div>子元素。ngRepeat您必须直接在表格单元格元素( ) 上使用第二个<td>：

<table ng-table="tableParams" class="table" ng-controller="VenueListCtrl">
  <tbody>
    <tr ng-repeat="entry in venues">
      <td ng-repeat="(key, val) in entry" data-title="key">
        {{val}}
      </td>
    </tr>
  </tbody>
</table>

Answer 2

<div>元素不能是<tr>. 您只需将内部 ngRepeat 放在td元素上：

<table ng-table="tableParams" class="table" ng-controller="VenueListCtrl">
  <tbody>
    <tr ng-repeat="entry in venues">
      <td ng-repeat="(key, val) in entry" data-title="key">
        {{val}}
      </td>
    </tr>
  </tbody>
</table>