有没有办法告诉Angular暂时停止更新DOM？

Question

用例是我们有一个包含大量Angular的页面。有时我们会弹出一个模态，当用户与模态交互时，它会发送消息，这些消息会导致主页面（在半透明叠加层后面，但仍然部分可见）更新。

这令人分心，我想＆＃34;锁定＆＃34;模态打开时的主页面。

我可以通过在$ rootScope上设置一些属性并使各个Angular控制器知道这一点来做到这一点，但我真的只想在主页面上选择DOM元素，并基本上从它们中暂时取消它们的范围，然后重新 - 当模态关闭时挂钩它们。

Answer 1

使用

创建数据副本

$scope.modalData = angular.copy($scope.originalObject);

然后在模态上更新此对象。准备好关闭模态后，在该步骤将数据复制回DOM范围对象。

$scope.originalObject = angular.copy($scope.modalData);