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

La première ligne affiche le 0ème élément du tableau par défaut et n'est pas placée dans ng-repeat. Ensuite, écrivez un tr et une boucle, en commençant par le premier du tableau et en bouclant jusqu'à la fin.
Ajoutez l'attribut ng-show à tr, initialisez l'expression à false et masquez-la par défaut. Lorsque vous cliquez sur le signe plus, l'expression est évaluée comme vraie et d'autres éléments à partir de la deuxième ligne sont affichés.

Answer 2

Il est préférable de définir le pliage en tant que composant via des instructions, qui peuvent mieux exploiter les opérations DOM, des composants réutilisables ou utiliser directement des composants définis dans l'interface utilisateur angulaire

Answer 3

Il y a des onglets dans ui-bootstrap, vous pouvez y jeter un œil