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 및 루프를 작성합니다.
tr에 ng-show 속성을 추가하고, 표현식을 false로 초기화하고, 기본적으로 숨깁니다. 더하기 기호를 클릭하면 표현식이 true로 평가되고 두 ​​번째 줄부터 시작하는 다른 요소가 표시됩니다.

Answer 2

DOM 작업, 재사용 가능한 구성 요소를 더 잘 작동하거나 Angular UI에서 정의된 구성 요소를 직접 사용하려면 지침을 통해 접는 구성 요소를 구성 요소로 정의하는 것이 가장 좋습니다

Answer 3

ui-bootstrap 안에 탭이 있으니 살펴보세요