angular $scope.$broadcast广播 $scope.$on调用多次解决方案

a.ctl.js 广播

  $scope.$broadcast('selectTempDays', tempD);
1

b.ctl.js 接收

$scope.$on('selectTempDays', function(event, tempDays){
	//do somthing
});
1
2
3

调试发现$on会调用多次导致处理结果不准确

解决:

1. 利用全局变量 flag

定义一个全局可共享变量，这里我放在了关联的Service

this.onFlag = false;
1

广播之前设置一下

Service.onFlag = false;
$scope.$broadcast('selectTempDays', tempD);
1
2

接收

$scope.$on('selectTempDays', function(event, tempDays){
	if(!Service.onFlag){
	  //do somthing
	  Service.onFlag = true;
	}
});
1
2
3
4
5
6

2. $destory 把广播销毁

let test = $scope.$on('selectTempDays', function(event, tempDays){
	  //do somthing
});
1
2
3

$scope.$on('$destroy',function(){
		test();
	});
1
2
3