Angularjs - 在 tr ng-repeat 中添加额外的行 [英] Angularjs - add additional row inside a tr ng-repeat

问题描述

Ng-repeat 出现在表格行上

Ng-repeat is present on a table row

我的问题是如何实现以下目标:

My query is how can we achieve the following:

<tr ng-repeat="x in y">
     Looping here....
 </tr>

现在因为数据对象在 上循环.我有一个场景，我必须在两个 中显示 1 行的数据.

Now as data object is looping on a <tr>. I have a scenario where I have to display data of 1 row in two <tr>.

例如

表格

• Data1 data1.2 data1.3 data1.4
• Data2 data2.2
• Data2b data2.3 data2.4

• Data3 data3.2 data3.3 data3.4

• Data1 data1.2 data1.3 data1.4
• Data2 data2.2
• Data2b data2.3 data2.4

• Data3 data3.2 data3.3 data3.4

Data4 data4.2 data4.3

Data4 data4.2 data4.3

即分两列显示1行数据

不能使用 ng-repeat-end

Can't use ng-repeat-end

推荐答案

1) 你可以结合 ng-if 和 ng-repeat 和 2) ng-repeat 使用 ng-repeat-start 和 ng-repeat-end 支持多元素:

1) You can combine ng-if with ng-repeat and 2) ng-repeat supports multi-element with ng-repeat-start and ng-repeat-end:

<tr ng-repeat-start="item in [1, 2, 3, 4, 5, 6]">
  <td>{{item}}</td><td>something else</td>
</tr>
<tr ng-if="item % 2 === 0" ng-repeat-end>
  <td colspan="2">-even</td>
</tr>

演示

这篇关于Angularjs - 在 tr ng-repeat 中添加额外的行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！