javascript - 在 ES6 中使用 $scope.$watch

Question

我在 ES6 项目中使用 $scope.$watch 时遇到一些问题。 watch 会触发一次，然后再也不会触发。

代码如下:

export class SomeController {
  constructor($log, $scope) {
    'ngInject'
    this.watched = 1;
    $scope.$watch('watched',(nv,ov)=>{
        $log(nv); //only fires once
    });
   }
  otherMethods(){}...
}

具体来说，我正在使用这个生成器:https://github.com/Swiip/generator-gulp-angular

Answer 1

你可以试试这个:

$scope.$watch(() => this.watched, function (nv, ov) {
  console.log(nv);
});

如更多解释here .

这是一个fiddle带有演示。

此外，该事件在 $digest 周期触发:

• DOM 事件(用户更改输入字段的值、单击按钮调用 JavaScript 函数等)

• XHR 响应触发回调

• 浏览器位置变化

• 触发回调的计时器(setTimout、setInterval)

或者如果您显式调用它。