ng-repeat每次重复添加两行

时间:2016-02-13 20:22:10

标签: angularjs html-table ng-repeat

我正在使用ng-repeat在表格中形成行。对于每一行,我需要显示一些需要跨越该行所有单元格的数据。

  <tr ng-repeat="cr in results.crs">
    <td>cell 1</td>
    <td>cell 2</td>
  </tr>

我想要这样的东西 -

  <tr ng-repeat="cr in results.crs">
    <td>cell 1</td>
    <td>cell 2</td>
    </tr >
      <td colspan=2>The Special Cell</td>
    <tr>
  </tr>

但是,ng-repeat每次重复不允许两行。我尝试执行以下操作但不起作用。

  <tr ng-repeat="cr in results.crs">
    <td>cell 1</td>
    <td>cell 2</td>
    </tr >
      <td>The Special Cell</td>
    <tr>
  </tr>

有没有办法每次重复添加两行?

此外,有人可以建议任何替代方法吗?我使用表结构,因为它更容易设计,我有HTML + CSS的基本知识。

1 个答案:

答案 0 :(得分:16)

使用

<tr ng-repeat-start="cr in results.crs">
  <td>cell 1</td>
  <td>cell 2</td>
</tr >
<tr ng-repeat-end>    
  <td>The Special Cell</td>
</tr>

请参阅https://docs.angularjs.org/api/ng/directive/ngRepeat