【问题标题】:Hideable Table Row using Angular JS使用 Angular JS 的可隐藏表格行
【发布时间】:2014-05-28 20:14:39
【问题描述】:

如何在 Angular JS 中实现可隐藏的表格行?

我需要显示一个数据库表 A ,然后单击表 A 的记录,它会显示表 B 的一对多映射 [通过 A 的主要 IDN]。表 B 对 A 中的每条记录都有许多记录。我尝试了各种方法,但都没有奏效。例如 Table inside Table 将不起作用。 Div 内部的 Div 有边距问题。是否有现有的方法?我正在寻找连接到主表的可折叠表。我发现 ng-repeat 有一些限制,因为它不会在这些情况下很方便的元素之外循环。

Record 1 Date Name(-)  //To show its collapsed
   Record1's Book1 Name Author
   Record1's Book2 Name Author
Record 2 Date Name(+)  //Uncollapsed

http://www.javascripttoolbox.com/jquery/ 对我正在寻找的功能进行了很好的演示。

【问题讨论】:

    标签: database angularjs web-applications


    【解决方案1】:

    这是我写的您正在寻找的示例: http://plnkr.co/edit/IQ6uSmDKMzw0G3g425PI?p=preview

    【讨论】:

    • Thanks 不知道 Angular 中的 if 逻辑。会看看。我也需要内部内容像外部一样是一张表格!有点像:jsfiddle.net/nishantvarma/98SGz
    • ng-repeat-start 和 ng-repeat-end 是我理解中缺少的!我不知道它可以跨越标签。
    猜你喜欢
    • 1970-01-01
    • 2015-11-30
    • 2017-11-02
    • 2015-07-22
    • 1970-01-01
    • 2013-09-11
    • 2014-12-12
    • 2017-11-05
    • 2013-03-17
    相关资源
    最近更新 更多