angular.js - 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，显示第二行开始的其他元素。

这篇关于angular.js - Angularjs 如何实现折叠内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！