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 とループを記述し、配列の最初のものから開始して最後までループします。
ng-show 属性を tr に追加し、式を false に初期化し、デフォルトで非表示にします。プラス記号をクリックすると、式は true と評価され、2 行目以降の他の要素が表示されます。

Answer 2

DOM 操作をより適切に操作してコンポーネントを再利用できるように、命令を通じて折りたたみをコンポーネントとして定義するか、定義されたコンポーネントを Angular UI で直接使用することが最善です

Answer 3

ui-bootstrap にはタブがあり、見てみることができます