angular.js - Angularjs で折りたたみコンテンツを実装する方法
迷茫
迷茫 2017-05-15 17:06:39
0
3
635

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

リーリー

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

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全員に返信(3)
阿神

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

いいねを押す +0
曾经蜡笔没有小新

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

いいねを押す +0
左手右手慢动作

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート