AngularJs表双NG重复

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语句中。

<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>