Angularjs - 在 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-ifng-repeat 和 2) ng-repeat 使用 ng-repeat-startng-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>

演示

查看全文
登录 关闭
扫码关注1秒登录
新用户极速验证 | 老用户无需验证