有什么办法可以让 Angular 暂时停止更新 DOM？

Question

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

这令人分心，我想在模态打开时“锁定”主页。

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

Answer 1

使用创建数据的副本

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

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

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