在循环中填充表格

时间:2016-11-27 20:51:26

标签: javascript html angularjs loops

如何填充循环中的表格? 我有一系列值,我想自动填写表格。

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

1 个答案:

答案 0 :(得分: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