在 angularjs 指令中使用 $watch，为什么它只适用于函数作为参数

Question

我正在研究 angularjs 应用程序，但我不明白为什么指令中的 $watch 只能在第一个参数中使用函数时按预期工作。

class PaginationController {
  constructor($scope) {
    "ngInject";
    this.quantity = null;
    this.$scope = $scope;

    $scope.$watch(() => this.quantity, function (newValue, OldValue) {
      console.log('new: ' + newValue);
      console.log('old: ' + OldValue);
    });
  }
}

如果我只是使用 this.quantity 作为第一个参数 $watch 不要赶上变化。但是所有功能都按我的预期工作。有什么区别？

Answer 1

您不能将变量传递给 $watch，因为您只会像任何 JS 函数一样传递变量值：

a = 5; console.log(a); 等同于console.log(5)

所以this.quantity = 1; $scope.$watch(this.quantity) 与$scope.$watch(1) 相同，没有任何意义。

您可以做的是传递变量范围名称：$scope.$watch('$ctrl.quantity', ...（如果 $ct​​rl 是您的控制器的引用）

有关详细信息，请参阅

• AngularJS scope/rootScope Type API Reference - $watch