angularjs $watchGroup 与 Controller 作为语法

Question

根据我最近阅读的一堆 Angular JS 样式指南，出于几个原因，似乎首选 Angular JS Controller 的“ Controller 作为”语法。

我已经看到了如何注入(inject) $scope 以使用 $watch、$on 等特殊方法的示例。

下面的这个例子展示了如何使用“controller as”语法成功地使用 $watch:

$scope.$watch(angular.bind(this, function () { 
    return this.name;
}), function(value) {
    console.log('Name change to ' + value);
});

我在任何地方都没有发现如何使用 $watchGroup 使用这种类似的方法。有谁知道如何做到这一点？

Answer 1

假设 Controller 有两个属性，firstName和 lastName .要在其中任何一个发生更改时调用函数，请使用函数数组作为 $watchGroup 的第一个参数.

var self = this;
$scope.$watchGroup([function() {
    return self.firstName;
}, function () {
    return self.lastName;
}], function(newValues, oldValues) {
    console.log('Name change to ' + newValues[0] + ' ' + newValues[1]);
});

请注意 newValues是一个包含新 firstName 的数组和 lastName .