2016-11-27 72 views
0

如何在循环中填充表格? 我有一个值的数组,我想自动填入表中。在循环中填充表格

  <table> 
     <thead> 
      <tr> 
     <div ng-repeat="n in range" > 
       <th> {{vm.data.list[n].temp.day}} {{vm.symbal}} 
      {{vm.data.list[n].humidity}} % 
    </th> 
     <div> 
      </tr> 
     </thead> 
     </tr> 
    </table> 

和文字:

 var range = []; 
     for(var i=0;i<7;i++) { 
     range.push(i); 
     } 
     $scope.range = range; 
+0

你有一个错字你的重复。应该是'范围'不'renge' – user2085143

+0

现在在真正的代码中总是“范围” – Dmitry

回答

1

你不需要创建范围阵列,只是遍历列表:

<table> 
    <tr> 
    <th>Day temp</th> 
    <th>Symbal</th> 
    <th>Humidity</th> 
    </tr> 
    <tr ng-repeat="item in vm.data.list"> 
    <td ng-bind="item.temp.day"></td> 
    <td ng-bind="vm.symbal"></td> 
    <td ng-bind-template="{{ item.humidity }} %"></td> 
    </tr> 
</table> 

plunker:http://plnkr.co/edit/PeTrMWJIBjXLegOQ1wRx?p=preview