angularjs - 在 AngularJS 中禁用和启用监视

Question

我有一个数据对象的 watch :

$scope.$watch('data', function(after, before) {
    $scope.saveData();
}, true);

我还有一个弹出的模式来编辑上面的一些数据对象的属性。但是，如果我通过此模式编辑任何属性，但决定“取消”，它仍会保存已编辑的属性。

有没有办法在模式弹出时禁用该 watch ？

Answer 1

$watch 返回一个函数。如果你调用它，你会删除你的观察者

angular docs ，向下滚动到 $watch 并查看返回值

var myWatcher = $scope.$watch('data', function(after, before) {
   $scope.saveData();
}, true);

myWatcher(); // removes your watcher

编辑 :
与 angular-ui-bootstrap您可以将注销功能传递给模态 Controller 。来自 docs 的修改示例:

    var modalInstance = $modal.open({
      templateUrl: 'myModalContent.html',
      controller: ModalInstanceCtrl,
      size: size,
      resolve: {
        items: function () {
          return {
            data: data
            myWatcher: myWatcher // you can call items.myWatcher() in your modal controller
          };
        }
      }
    });

但我不知道重新启用观察者的简单方法(函数调用或类似方法)。你将不得不再次设置它。

    modalInstance.result.then(function (data) {
      $scope.data = data;
        }, function () {
          // callback for cancel, here you could re-apply the watcher
    });