Angularjs 如何在第n行之后在angular JS中的表中显式添加行?
在angular js中创建第n行之后,如何插入一些自定义行。 例如,在清单项目中,有10个对象,我必须在第六行之后多放两行Angularjs 如何在第n行之后在angular JS中的表中显式添加行?,angularjs,ngtable,Angularjs,Ngtable,在angular js中创建第n行之后,如何插入一些自定义行。 例如,在清单项目中,有10个对象,我必须在第六行之后多放两行 任务 不适用 完成日期 {{item.taskName} 请参阅。它可以在任何给定索引处添加或删除数组中的项。您将需要类似于arrayOfItems.splice(5,0,addAfter6thItem)使用ng repeat指令的$index变量。比如:-> <html> <body> <table> <thead>
任务
不适用
完成日期
{{item.taskName}
请参阅。它可以在任何给定索引处添加或删除数组中的项。您将需要类似于arrayOfItems.splice(5,0,addAfter6thItem)
使用ng repeat指令的$index变量。比如:->
<html>
<body>
<table>
<thead>
<tr>
<th>Task</th>
<th>N/A</th>
<th>Date Completed</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in checklist" ng-if="$index<=6">
<td>{{item.taskName}}</td>
<td>
<input type="checkbox">
</td>
<td>
<input type="text">
</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr ng-repeat="item in checklist" ng-if="$index>6">
<td>{{item.taskName}}</td>
<td>
<input type="checkbox">
</td>
<td>
<input type="text">
</td>
</tr>
</tbody>
</table>
</body>
</html>
任务
不适用
完成日期
{{item.taskName}
{{item.taskName}
do$scope.push({})
在您的控制器中会再添加一行您是否有任何plunker示例??您想在检查表中添加应最后添加的新记录吗?太棒了!!这就是我想要的。非常感谢Sandeep的回复。我只是想知道如何以及在哪里给出索引的ng if,你解释得很好。一个小问题。。。通过此方法添加时,13行中缺少一行数据。我只添加了一行..在索引>6后的第二个表的迭代中,我可以看到数据中的重复。没关系..问题得到解决..我在第一次迭代中使用了order by,但在第二次迭代中忘记了使用。谢谢你的帮助。嗨,乔…你能用plunker解释一下吗??如何在angular js中使用此函数。?谢谢你的回答我相信Sandeep的答案就是你想要的。我阅读你的问题是因为你想在数组中插入行,而不是仅仅想在第n行之后显示额外的HTML。