在ng-repeat生成的元素之前和之后插入一个元素

Angular很新颖。在ng-repeat生成的元素之前和之后插入一个元素

欲发射以下HTML，其中一个表有多个tbody元件和每个tbody含有可变数量的细节的行，并且第一和最终行的每个tbody的是一种特殊的包含标题列名称（例如平均订单数量）的组标题，以及显示小计和其他汇总（如平均值和最小/最大值）的组页眉。理想情况下，当我得到它的工作时，我希望这个聚合行中的单元格指向模型中计算这些聚合值（小计，平均值，最小值，最大值等）的函数，将这些函数传递给有问题的人的类，例如'west'，该函数可用于过滤数据集中的行。

我如何将这些虚拟聚合行添加为每个tbody中的最后一项？

  <tbody class='east'> 
      <tr class='group-header-row'>....</tr> 

       <tr>...</tr> 
       <tr>...</tr> 
       <tr>...</tr> 
       . 
       . 
       . 
       <tr class='group-footer-row'>....</tr> 
     </tbody> 

     <tbody class='west'> 
       <tr class='group-header-row'>....</tr> 

       <tr>...</tr> 
       <tr>...</tr> 
       <tr>...</tr> 
       . 
       . 
       . 
       <tr class='group-footer-row'>....</tr> 
     </tbody> 

     <tbody class='north'> 
       <tr class='group-header-row'>....</tr> 

       <tr>...</tr> 
       <tr>...</tr> 
       <tr>...</tr> 
       . 
       . 
       . 
       <tr class='group-footer-row'>....</tr> 
     </tbody> 

     <tbody class='south'> 
       <tr class='group-header-row'>....</tr> 

       <tr>...</tr> 
       <tr>...</tr> 
       <tr>...</tr> 
       . 
       . 
       . 
       <tr class='group-footer-row'>....</tr> 
      </tbody>

来源

2014-09-19 Tim

您可以使用ng-repeat指令的特殊重复开始和结束点功能。下面就以这个documentation

<tbody class='north'> //if you have n # of tbody's use a ng-repeat here. 
     <tr class='group-header-row' ng-repeat-start="item in items"> 
      <td ng-bind="getAvg('north')"></td> 
     </tr> 

     <tr>...</tr> 
     <tr>...</tr> 
     <tr>...</tr> 
     . 
     . 
     . 
     <tr class='group-footer-row' ng-repeat-end>....</tr> 
</tbody>

链接你可能有，如果TBODY部分是动态的，要做到这一点内的另一个NG-重复。这将写出第一行和最后一行。

来源

2014-09-19 16:59:10 nweg

在ng-repeat生成的元素之前和之后插入一个元素

回答

相关问题