angular.js - Angularjs 如何实现折叠内容

Question

我用Angularjs的ng-repeat指令从server输出了一段数据，代码类似于：<table>

      <thead>
         <tr>
           <th>itNo</th>
           <th>itVP</th>                                                      
           </tr>
           </thead>
          <tbody>
       <tr class="paginationclass" ng-repeat="item in lists| orderBy:'itNo'| filter:query">
        <td>{{item.itNo}}</td>
        <td>{{item.itVP}}</td>

          </tr>
          </tbody>
          </table>
          

我想要里面的数据实现折叠，比如itNo都等于1的，平时只显示第一条，然后点击加号之类的东西才能够展开看到其余的信息。这个要怎么做，怎么写呢？

Answer 1

第一行默认显示数组的第0个元素，不放在ng-repeat里边。然后在写个tr，进行循环，从数组第1个开始循环到最后。
tr上加ng-show属性，表达式初始化为false，默认隐藏。当点击加号，则表达式赋值true，显示第二行开始的其他元素。

Answer 2

最好通过指令把折叠定义成组件，更好的操作dom操作，可复用组件，或者直接用，angular ui里面的定义好的组件

Answer 3

ui-bootstrap 里面有Tabs 可以看下