2016-11-27 75 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