AngularJS类中的引用属性（ControllerAs语法）

Question

最近我一直在使用ControllerAs语法，但我不确定我是如何在$watch内从我的控制器更改模型的。

我的手表是这样的：

$scope.$watch(angular.bind(this, function () {
    return this.allItemsSelected;
}), function (value) {
    //
})

在我看来，我得到了一个名为pages.selectedItems的模型。 pages是我PagesController的别名。

到目前为止，我已经尝试了$scope.selectedItems，selectedItems和this.selectedItems，但它不会起作用。我也将其包裹在angular.bind中，但也没有效果。

任何人都有这个问题，可以提供解决方案吗？

EDIT

我使用checklist-model指令，因此ngRepeat中的模型为checklist-model="pages.selectedItems"。 allItemsSelected变量是复选框中的模型。如果它是真的我必须遍历我的数据并将id添加到selectedItems数组。

Answer 1

请查看下面我认为应该与您尝试做的相符的内容。

请注意，您通常需要使用angular.bind() 传递给$scope.$watch()的两个函数：

＆＃13;

＆＃13;

angular.module("myModule", ['checklist-model'])
.controller("MyController", ["$scope", function MyController($scope) {
    this.options = ["hello", "goodbye", "bonsoir", "bonne nuit"];

    $scope.$watch(angular.bind(this, function () {
        return this.selectAll;
    }), 
    angular.bind(this, function (value) {
        if (value) {
            this.selectedOptions = angular.copy(this.options);
        }
    }));
}]);

＆＃13;

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script>
<script src="//vitalets.github.io/checklist-model/checklist-model.js"></script>
<div ng-app="myModule" ng-controller="MyController as me">
  <div ng-repeat="item in me.options">
    <input type="checkbox" checklist-model="me.selectedOptions" 
           checklist-value="item" /> {{item}}
  </div>
  <div>
    <input type="checkbox" ng-model="me.selectAll" /> Select all
  </div>
  <div ng-repeat="opt in me.selectedOptions">{{opt}}</div>
</div>

＆＃13;

＆＃13;

＆＃13;

修改：使用angular.bind()的替代方法是将this分配给匿名函数之外的变量，然后使用它代替this在这些职能范围内：

angular.module("myModule", ['checklist-model'])
.controller("MyController", ["$scope", function MyController($scope) {
    var self = this;

    this.options = ["hello", "goodbye", "bonsoir", "bonne nuit"];

    $scope.$watch(function () {
        return self.selectAll;
    }, function (value) {
        if (value) {
            self.selectedOptions = angular.copy(self.options);
        }
    });
}]);