隔离范围和绑定的问题

Question

我尝试构建指令，在该指令中我想在按元素单击时更改模型。某种复选框... 这是我的代码

mainApp.directive('subCategory', function(){
    return{
        restrict: 'A',
        scope: {
            model: '=?ngModel'
        },
        link : function(scope, element){

            scope.model = true;
            element.click(function () {

            if (element.hasClass('active')) {
                element.removeClass('active');
                scope.model = false;
            } else {
                element.addClass('active');
                scope.model = true;
            }

         });
        }
    } 
});

我尝试通过观察包含所有复选框的 ng-model 属性的对象来 $watch 父控制器中的此复选框组。

mainApp.controller('Filter',['$scope', function ($scope) {
$scope.data = {}

$scope.$watchCollection('data', function(newNames, oldNames) {
  console.log('changed');
});

}]);

当我通过scope.model = true; 定义属性时，它可以工作并且观看工作，但是当我在某些原因上单击更改scope.model 时，它不会影响data 对象并且观看不起作用。 谁能告诉我为什么？
谢谢！

Answer 1

在您的指令更改中

 scope: {
        model: '=?ngModel'
    },

到

  scope: {
        model: '=ngModel'
    },

如上所述，当您将 ngModel 传递给链接函数时，即声明时

 require:'?ngModel'