Question

当内容更改时，我在角度指令中观察运行frame.sly（＆＃34; reload＆＃34;）函数。

但是我应该立即这样做，现在在内容更改后，console.log看起来像这样。

日志日志（2）日志（3）日志（4）记录（5）......

每次调用frame.sly（＆＃34; reload＆＃34;）的次数越来越多。

scope.$watch(

  function () {
     return scope.value;
  },

  function (newValue, oldValue) {
     if (!angular.equals(oldValue, newValue)) {
          $timeout(function() {
              console.log("Log");    
              frame.sly("reload");
          }, 300)
     }

}  ,true);

有什么想法吗？提前谢谢。

Answer 1

You can deregister $watch like this:

var watcher = scope.$watch(

  function () {
     return scope.value;
  },

  function (newValue, oldValue) {
     if (!angular.equals(oldValue, newValue)) {
          $timeout(function() {
              console.log("Log");    
              frame.sly("reload");
              watcher();
          }, 300)
     }

}  ,true);

Answer 2

There's a easy way to do it

var watchVariable= $scope.$watch("Watcher", function () {
// ...
watchVariable();
});

This is called as de-registration

Answer 3

您可以添加var watchCalled = false变量之类的内容，并在手表调用一次时将此值更改为true。

var watchCalled = false;

scope.$watch('variableToWatch', function(newValue, oldValue) {
  if (!watchCalled) {
    function () {
      return scope.value;
    }

    function (newValue, oldValue) {
      if (!angular.equals(oldValue, newValue)) {
        $timeout(function () {
          console.log("Log");
          frame.sly("reload");
          scopeCalled = true;
        }, 300)
      }
    }
  }
}, true);

如何在$ watch中调用函数？

3 个答案: