Angular - 带有 controllerAs、bindToController 和 $scope.$watch 的指令

Posted 2023-02-23

【中文标题】Angular - 带有 controllerAs、bindToController 和 $scope.$watch 的指令

【英文标题】：Angular - Directive with controllerAs, bindToController, and $scope.$watch

【发布时间】：2016-06-22 13:59:54

【问题描述】：

我有一个相当简单的 AngularJS 问题，但我似乎找不到答案：

如何在指令控制器中使用$scope.$watch()，同时使用controllerAs 和bindToController 选项？

如果您需要澄清我的确切意思，请告诉我。

【参考方案1】：

好吧，$scope.$watch 监视 expressions，所以假设您将控制器绑定到名称 vm（例如 controllerAs: 'vm'），您应该使用

$scope.$watch('vm.somethingToWatch', function(newval, oldval) ...)

尽管如此，您仍需要注入 $scope，因为 $watch 本身在控制器实例上不可用。

【讨论】：

要正确注入$scope，我需要使用$injector，还是将其包含在我的控制器中？ （即controller: function($scope) ）

如果$scope.$watch 函数存在于控制器本身内部 并带有this 变量，我还会使用controllerAs 名称（例如vm）吗？即var self = this;self.total = someCode;$scope.$watch('self.total', function()与$scope.$watch('vm.total', function()

是的，您可以像function($scope) 一样将其简单地注入到控制器函数中。对于后一个问题，是的，表达式的评估就像在模板中发生一样，所以vm.total :)

^ 感谢您提供简洁的答案 - 非常感谢。

新手问题 - 这对我来说似乎很奇怪 - 我们将范围绑定到控制器。要检测现在在控制器上的变量的更改，而不是“直接”这样做，我们必须询问范围以监视更改？在不涉及范围的情况下，是否没有 Angular 方法可以做到这一点（当然，除了最初的bindToController）？