ng-repeat每次重复添加两行

May*_*ain 9 html-table angularjs ng-repeat

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

  <tr ng-repeat="cr in results.crs">
    <td>cell 1</td>
    <td>cell 2</td>
  </tr>
Run Code Online (Sandbox Code Playgroud)

我想要这样的东西 -

  <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>
Run Code Online (Sandbox Code Playgroud)

但是,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>
Run Code Online (Sandbox Code Playgroud)

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

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

小智 23

使用

<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>
Run Code Online (Sandbox Code Playgroud)

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