使用Angular JS的可隐藏表行

时间:2014-05-28 20:14:39

标签: database angularjs web-applications

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

我需要显示数据库表A,并且在点击表A的记录时,它显示表B中的一对多映射[由A的主要IDN进行]。表B中A的每条记录都有许多记录。我尝试了各种方法但没有效果。例如表格中的表格不起作用。 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/对我正在寻找的功能进行了很好的演示。

1 个答案:

答案 0 :(得分:2)

以下是我写的一个例子,您正在寻找: http://plnkr.co/edit/IQ6uSmDKMzw0G3g425PI?p=preview