双重重复

Question

我试图在这样的表中可视化json对象：

<div ng-repeat="item in data">
  <tr ng-repeat="i in item">
    <td>{{i.id}}</td>
    <td>{{i.ip}}</td>
  </tr>
</div>

如果我这样做，我只会看到一个白色的屏幕。

这种方式有效，但我需要表格中的数据。

<div ng-repeat="item in data">
  <ul ng-repeat="i in item">
    <div>
      {{ i.id }}
      {{ i.ip }}
    </div>
  </ul>
</div>

你知道桌子可能的解决方案吗？

Answer 1

试试这个

 <table>
  <tbody ng-repeat="item in data">
  <tr ng-repeat="i in item">
    <td>{{i.id}}</td>
    <td>{{i.ip}}</td>
   </tr>
 </tbody>
 </table>

Answer 2

我发现了错误！第一个ng-repeat必须在表语句中。

    <table class="table table-striped">
        <thead>
            <tr>
                <td>id</td>
                <td >ip</td>
            </tr>
        </thead>

        <tbody ng-repeat="item in data">
                <tr ng-repeat="i in item">
                    <td>{{i.id}}</td>
                    <td>{{i.ip}}</td>
                </tr>
        </tbody>
    </table>