角度.js ng重复跨越多个 tr

javascript angularjs html

2022-08-30 04:50:35

我正在使用Angular.js用于使用隐藏tr的应用程序，通过在下面的td中显示tr并向下滑动div来模拟滑出效果。在迭代这些行的数组时，此过程使用挖空.js效果非常好，因为我可以在两个tr元素周围使用。

对于angular，必须应用于html元素，这意味着我似乎不能使用标准方法重复这些双行。我对此的第一个反应是创建一个指令来表示这些双 tr，但这还不够，因为指令模板必须具有单个根元素，但我有两个（）。ng-repeat<tr></tr><tr></tr>

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

（我还应该注意，附加到tbody是一种选择，但这会产生多个tbody，我假设这是标准HTML的不良形式，尽管如果我错了，请纠正我）ng-repeat

答案 1

使用 on 似乎是有效的，请参阅此帖子。ng-repeattbody

此外，通过html验证器进行的快速测试允许在同一表中使用多个元素。tbody

更新：至少从 Angular 1.2 开始，有一个 and 允许重复一系列元素。有关更多信息，请参阅文档，并感谢@Onite的评论！ng-repeat-startng-repeat-end

答案 2

AngularJS开发人员@igor-minar在Angular.js多个元素的ng-repeat中回答了这个问题。

Miško Hevery最近通过和实施了适当的支持。此增强功能尚未在 1.0.7（稳定版）和 1.1.5 版（不稳定版）中发布。ng-repeat-startng-repeat-end

此功能现已在 1.2.0rc1 中提供。查看官方文档和约翰·林奎斯特的截屏视频。