Angularjs how to share data between two directive via $http

Question

I have two directives.There is a asynchronized function in link in each directive like $http or ngResource . I want to click button A to get data from backend via directive A, then change the data in directive B and its view.

I try to use a data service with $boastcast as most people do to share data between directive A and B, and use $apply to update the view. But I frequently get the inprog error. So what is the best way to solve it out?

Answer 1

That error ocuur when you are runnig $scope.$apply . When you try to manually run the digest loop that is alread runing then this exception will occur

So check if digest is running before use apply

if(!$scope.$$phase) { $scope.$apply() }

Answer 2

Instead of wrapping code with $apply, try to inject $timeout and wrap your code with $timeout. It will run digest cycle im safe way, only when cycle is not running already.