Angularjs - 增加一个TR NG重复内附加行 [英] Angularjs - add additional row inside a tr ng-repeat

问题描述

伍重复是present在表行

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>

现在的数据对象循环在＆LT; TR＆GT; 。我有一种情况，我有两个显示1行数据＆LT; TR方式＆gt;

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>.

例如：

表

• 数据1 data1.2 data1.3 data1.4


• 数据2 data2.2


• Data2b data2.3 data2.4



• 数据3 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行显示数据

I.e. display data of 1 row in two

不能使用NG-重复端

推荐答案

1）您可以将 NG-如果与 NG-重复 2） NG-重复支持与 NG-重复启动和多元素 NG-重复端：

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>

演示

Demo

这篇关于Angularjs - 增加一个TR NG重复内附加行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！