一尘不染

跨多个tr的Angular.js ng-repeat

angularjs

我将Angular.js用于通过隐藏trs通过显示tr并在下面的td中将div向下滑动来模拟滑出效果的应用程序。遍历这些行的数组时,此过程可以使用knockout.js出色地工作,因为我可以<!-- ko:foreach -->在两个tr元素之间使用。

使用angular时,ng-repeat必须将其应用于html元素,这意味着我似乎无法使用标准方法来重复这些双行。我对此的第一个响应是创建一个表示这些double
tr的指令,但是由于指令模板必须具有一个根元素,而我却有两个(<tr></tr><tr></tr>),所以这没有实现。

如果任何具有ng-repeat和angular经验的人都可以解决这个问题,那么我将不胜感激。

(我还应该注意,附加ng-repeat到tbody是一个选项,但这会产生多个tbody,并且我认为这对于标准HTML来说是不好的形式,尽管如果我错了也可以纠正我)


阅读 221

收藏
2020-07-04

共1个答案

一尘不染

使用ng-repeatontbody似乎有效,

另外,通过html验证程序进行的快速测试还允许tbody在同一张表中包含多个元素。

更新: 至少从Angular 1.2开始,有ng-repeat-startng-repeat- end允许重复一系列元素。请参阅文档以获取更多信息,并感谢@Onite的评论!

2020-07-04