Angularjs の ng-repeat 命令を使用して、サーバーからデータを出力しました。コードは次のようになります: <table>
内部のデータを折りたたみたい。たとえば、itNo が 1 の場合、プラス記号をクリックして展開し、残りの情報を表示します。これをどのように行い、どのように書くのでしょうか?
业精于勤,荒于嬉;行成于思,毁于随。
最初の行にはデフォルトで配列の 0 番目の要素が表示され、ng-repeat には配置されません。次に、tr とループを記述し、配列の最初のものから開始して最後までループします。 ng-show 属性を tr に追加し、式を false に初期化し、デフォルトで非表示にします。プラス記号をクリックすると、式は true と評価され、2 行目以降の他の要素が表示されます。
DOM 操作をより適切に操作してコンポーネントを再利用できるように、命令を通じて折りたたみをコンポーネントとして定義するか、定義されたコンポーネントを Angular UI で直接使用することが最善です
ui-bootstrap にはタブがあり、見てみることができます
最初の行にはデフォルトで配列の 0 番目の要素が表示され、ng-repeat には配置されません。次に、tr とループを記述し、配列の最初のものから開始して最後までループします。
ng-show 属性を tr に追加し、式を false に初期化し、デフォルトで非表示にします。プラス記号をクリックすると、式は true と評価され、2 行目以降の他の要素が表示されます。
DOM 操作をより適切に操作してコンポーネントを再利用できるように、命令を通じて折りたたみをコンポーネントとして定義するか、定義されたコンポーネントを Angular UI で直接使用することが最善です
ui-bootstrap にはタブがあり、見てみることができます