angular.js - Bagaimana untuk melaksanakan kandungan lipatan dalam Angularjs

Question

Saya menggunakan arahan ng-repeat Angularjs untuk mengeluarkan sekeping data daripada pelayan Kod ini serupa dengan: <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>
          

Saya mahu data di dalam dilipat Sebagai contoh, jika tidak sama dengan 1, hanya yang pertama akan dipaparkan Kemudian klik tanda tambah untuk mengembangkan dan melihat maklumat yang lain. Bagaimana untuk melakukan ini dan bagaimana untuk menulisnya?

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