Angular控制器和指令的交互

Question

HTML部分
指令
angular.module('todoWithAngularApp').directive('index',function(){
return{
restrict:'E',
templateUrl:'/scripts/template/index.html',
replace:true,
link:function(scope,iElement,iAttrs){
console.log(scope);
console.log(iElement);
console.log(iAttrs);
iElement.on('click','#addTaskClass',function(event){
scope.addTaskClassBoxDisplay=true;
console.log(scope.addTaskClassBoxDisplay);
})
}
};
控制器
angular.module('todoWithAngularApp').controller('IndexCtrl',function($scope){
$scope.addTaskClassBoxDisplay=false;
});
怎样才能让指令去修改控制器上的$scope的属性

Answer 1

不负责任未经验证的提供几个思路：1.把addTaskClassBoxDisplay放到对象下面，例如scope.obj.addTaskClassBoxDisplay=true2.使用消息3.使用service以上3种方法也是angular通用的模块间共享数据的方式，可分别适应不同场景。