Question

我有项目集合，我想在表格中显示其中的每个项目对象。

我还有一个要为每个项目显示的图像。为此，我决定使用< tbody ng-repeat>，每个图像可以占用3行单元格

当我需要在另一列中显示计算时会出现问题，该列是每个项目的数组对象。你可以看到它here http://jsbin.com/nifazanehe/3/edit?html,css,js,output 背景颜色为红色。

计算对象的前两个索引是硬编码的，其余的是使用ng-repeat。它解决了这个问题，但它看起来很笨拙！我讨厌它！

任何建议？

我能想到的其他解决方案：

嵌套一个表，这样我就可以对该行进行ng-repeat 或者只是一个简单的 < ul>< li ng-repeat> 在使用rowspan和colspan

清空行和列的那一部分之后

Answer 1

您可以使用np-repeat-start和ng-repeat-end指令

<table>              
  <tbody>
    <tr ng-repeat-start="demo in vm.demoArray">
      <td >{{demo.attr1}}</td>
      <td>{{demo.attr2}}</td>
    </tr>
    <tr ng-repeat-end>
      <td>{{demo.attr1}}</td>
      <td>{{demo.attr2}}</td>
    </tr>
  </tbody>
</table>

对td元素进行ng-repeat

1 个答案: