angular.js - angular 做拖拽交互的时候到底是用js改变dom好，还是只改变数据好？

Question

网上搜索推荐不要改变dom，但是只改变数据会导致重新渲染，原本打开的下拉项就会被关闭。交互效果不好。但是用js改变dom，数据又会变得很难处理

Answer 1

angular都是尽量避免DOM操作的，像是拖拽这种功能可以修改数据，通过ng-style作用到元素上。好一点的解决方法应该是通过定义指令来实现

Answer 2

我的建议是：如果是大面积交互操作，比如拖拽一个有上千个子的树形结构，那么最好你保存一个临时数据，然后一次性更新DOM。你如果依靠angular的数据绑定，那估计浏览器都会挂掉。
如果你是简单的几十个或者几百个，那你可以直接使用ng-xx指令来使用数据方式实现交互逻辑。

PS：angular做数据同步的时候，你的每个需要数据绑定的地方都会生成一个watch,所以上面说的上千，上百指的是watch数量。