検索

ホームページ  >  に質問  >  本文

angular.js - Angularjs で折りたたみコンテンツを実装する方法

Angularjs の ng-repeat 命令を使用して、サーバーからデータを出力しました。コードは次のようになります: <table>

リーリー

内部のデータを折りたたみたい。たとえば、itNo が 1 の場合、プラス記号をクリックして展開し、残りの情報を表示します。これをどのように行い、どのように書くのでしょうか?

迷茫迷茫2868日前656

全員に返信(3)返信します

  • 阿神

    阿神2017-05-15 17:08:39

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

    返事
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-15 17:08:39

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

    返事
    0
  • ringa_lee

    ringa_lee2017-05-15 17:08:39

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

    返事
    0
  • キャンセル返事