angular.js - angular でドラッグ アンド ドロップ操作を行う場合、js を使用して dom を変更するのが良いですか、それともデータのみを変更するのが良いですか?

Question

オンライン検索では DOM を変更しないことをお勧めしますが、データのみを変更すると再レンダリングが発生し、最初に開いていたドロップダウン項目が閉じられます。相互作用効果は良くありません。ただし、jsを使ってdomを変更するとデータの処理が難しくなります

Answer 1

Angular は DOM 操作を回避しようとします。ドラッグ アンド ドロップなどの関数はデータを変更し、ng スタイルを通じて要素に適用することができます。より良い解決策は、命令を定義して実装することです

Answer 2

私の提案は次のとおりです。何千もの子を持つツリー構造をドラッグするなど、大規模な対話型操作の場合は、一時データを保存してから DOM を一度に更新するのが最善です。 angular のデータ バインディングに依存している場合、ブラウザがハングする可能性があります。
数十または数百しかない場合は、ng-xx ディレクティブを直接使用して、データを使用した対話型ロジックを実装できます。

追記: Angular がデータ同期を実行すると、データ バインディングが必要な場所ごとに監視が生成されるため、上記の数千や数百は監視の数を指します。