javascript - Angularjs ng-repeat 跨多个 trs

标签 javascript html angularjs

我正在将 Angular.js 用于一个应用程序,该应用程序使用隐藏的 trs 通过显示 tr 并在下面的 td 中向下滑动 div 来模拟滑出效果。当迭代这些行的数组时,这个过程使用 knockout.js 非常有效,因为我可以使用 <!-- ko:foreach -->围绕两个 tr 元素。

带 Angular ,ng-repeat必须应用于 html 元素,这意味着我似乎无法使用标准方法重复这些双行。我对此的第一 react 是创建一个指令来表示这些双 trs,但这并不理想,因为指令模板必须有一个根元素,但我有两个 (<tr></tr><tr></tr>)。

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

(我还应该注意,将 ng-repeat 附加到 tbody 是一个选项,但这会产生多个 tbody,我假设这对于标准 HTML 来说是错误的形式,但如果我错了请纠正我)

最佳答案

tbody 上使用 ng-repeat 似乎是有效的,请参阅 this post .

也是通过 html validator 进行的快速测试允许在同一个表中使用多个 tbody 元素。

更新:至少从 Angular 1.2 开始,有一个 ng-repeat-startng-repeat-end 允许重复一个系列元素。参见 the documentation了解更多信息,感谢@Onite 的评论!

关于javascript - Angularjs ng-repeat 跨多个 trs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12979205/

相关文章:

javascript - jhtmlarea 无法在 updatepanel 内工作

javascript - 断言失败: `AdapterError` expects json-api formatted errors array

javascript - Node.js:响应是否发送给正确的用户?

html - 当不需要在嵌入到另一个 html 页面的 html 页面上滚动时删除滚动条

javascript - 我怎样才能得到两个输出?

javascript - 获取响应未设置浏览器 cookie

html - 文章,部分 html5 语义

angularjs - Angular CRUD——如何自动聚焦到文本框?

javascript - 用于调查结果的 Firebase 数据库

angularjs - 在 AngularJS + Typescript 中从父类创建子实例