angularJS的ng-repeat-start

Posted 2020-12-02 BD_evel

ng-repeat-start，angularJS

使用angularJS的同学对ng-repeat都不会陌生，他是用来进行数据循环的，一般用于数组或者对象。但是今天我们用到了一个ng-repeat-start。

ng-repeat-start,与ng-repeat-end配合使用，分别指定循环的起始元素，循环的截止元素，意思就是指定一个循环块。

如果只是简单的ng-repeat进行数组循环，并且配合表格使用，一般来说只能实现以下这种效果。

<tr ng-repeat="item in arr">
  <td>{{item.name}}</td>
 <td>{{item.sex}}</td>
 <td>{{item.age}}</td>
</tr>

　　

 

但是使用ng-repeat-start,ng-repeat-end 配合表格使用，就能实现下面的效果

<tr ng-repeat-start="item in arr">
  <td>{{item.name}}</td>
 <td>{{item.sex}}</td>
 <td>{{item.age}}</td>
</tr>
<tr ng-repeat-end>
 <td>
   <table>
    <thead>
      <tr>                     
         <th class="has-paddin-left-24 header-config-left-sty">公司名</th>
         <th>公司代码</th>
         <th>添加日期</th>
         <th class="header-config-right-sty">操作</th>
      </tr>
    </thead>
   </table>
 </td>	
</tr>