首页 > Angularjs 如何实现折叠内容

Angularjs 如何实现折叠内容

我用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的,平时只显示第一条,然后点击加号之类的东西才能够展开看到其余的信息。这个要怎么做,怎么写呢?


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

【热门文章】
【热门文章】