当前位置: 首页 > 面试题库 >

跨多个tr的Angular.js ng-repeat

牛骞仕
2023-03-14
问题内容

我将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来说是不好的形式,尽管如果我错了也可以纠正我)


问题答案:

使用ng-repeatontbody似乎有效,

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

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



 类似资料:
  • 我使用的是角度。js用于一个应用程序,该应用程序通过在下面的td中显示tr并向下滑动div,使用隐藏的tr来模拟滑出效果。这个过程使用击倒技术非常有效。js,因为我可以使用 对于angular,必须将ng repeat应用于html元素,这意味着我似乎无法使用标准方法重复这些双行。我对此的第一个反应是创建一个指令来表示这些双TR,但这还不够,因为指令模板必须有一个根元素,但我有两个(<代码> 如果

  • 问题内容: 但是,这实际上只是一种变通方法,它实际上并未解决核心问题,即:如何在没有包装的情况下跨多个元素使用ng-repeat? 例如,jquery.accordion要求您重复h3和div元素,那么如何用ng-repeat做到这一点? 问题答案: 现在,我们对此有适当的支持,请参阅: AngularJs提交 通过此更改,您现在可以执行以下操作:

  • tr

    描述 (Description) 这不是一个功能。 这是音译运算符; 它使用REPLACEMENTLIST中的字符替换SEARCHLIST中出现的所有字符。 语法 (Syntax) 以下是此函数的简单语法 - tr/SEARCHLIST/REPLACEMENTLIST/ 返回值 (Return Value) 此函数返回替换或删除的字符数。 例子 (Example) 以下是显示其基本用法的示例代码

  • 我在运行于Tomcat7的web应用程序中使用Spring3.2和JPA以及Hibernate4。应用程序分为控制器类、服务类和DAO类。服务类在类和方法级别具有带注释的事务配置。DAO是由@PersistenceContext注释注入实体管理器的普通JPA。 我打开了org的调试日志记录。springframework。交易并注意到,“创建新交易”、“打开新EntityManager”、“获取…

  • 我已经分享了在我的应用程序中使用的首选项,但现在只有四个活动。第一个活动是带有复选框的回收站视图,并且使用类为每个复选框保存(在回收站适配器中)。然后,下一个活动将作为一个包含随机项目列表的片段的tablayout启动。 当用户单击

  • 我如何验证一个列表的值跨字段,其中至少一个单一的值必须设置(不是零) 我需要验证至少有一个字段被输入(例如总数不是零) 我遇到的问题是,当任何一个字段发生更改时,validator::total_cost不会重新评估所有正在验证的字段。 在“任意”输入中键入正确的值需要告诉“所有”其他输入,以便根据新的计算字段重新估价! 任何帮助都将不胜感激。 (我的电视机大得多) 我正在使用的标记 AnyVal