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

Barisan pertama memaparkan elemen ke-0 tatasusunan secara lalai dan tidak diletakkan dalam ng-repeat. Kemudian tulis tr dan gelung, bermula dari yang pertama dalam tatasusunan dan gelung ke penghujung.
Tambahkan atribut ng-show pada tr, mulakan ungkapan kepada false dan sembunyikannya secara lalai. Apabila tanda tambah diklik, ungkapan menilai kepada benar dan elemen lain bermula dari baris kedua dipaparkan.

Answer 2

Adalah yang terbaik untuk menentukan lipatan sebagai komponen melalui arahan, yang boleh mengendalikan operasi DOM dengan lebih baik, komponen boleh guna semula atau terus menggunakan komponen yang ditakrifkan dalam ui sudut

Answer 3

Terdapat Tab dalam ui-bootstrap, anda boleh lihat