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

Question

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

这会分散注意力，我想在模态打开时"锁定"主页。

我可以通过在$rootScope上设置一些属性并让各个Angular控制器意识到这一点来做到这一点，但我真的只想在主页上选择DOM元素，并从中暂时取消它们的作用域，然后在模态关闭时重新挂起它们。

Answer 1

使用创建数据副本

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

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

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