How can I communicate controllers in angularjs

Question

I have some geographic data and I want to show them in a map. I used mapping applications but first time developing map and angularjs. I want to show clicked data in map. I have two controller named Data and Map. how can I communicate them.

Or is there another short way?

enter image description here

Googling looking for angular parent controller mixin take also a look at stackoverflow.com/questions/21427027/… — Whisher
– Whisher, Commented Jun 27, 2014 at 14:38

Dmitri Mogilevski · Accepted Answer · 2014-12-19 14:55:42Z

1

Here are 2 possibilities:

Create a service/factory on the same module. Inject it into both controllers. Add it to $scope
```
$scope.sharedService = myInjectedservice;
```
of both controllers. Now any changes you make to the properties exposed by the service will be visible to both controllers.
Depending on how you designed the controller hierarchy, either $scope.$emit (event travels up to parent scopes) or $scope.$broadcast (event travels down) an event and add a listener for that event to the receiving controller
```
$scope.$on("eventName", function(event, params){
     //event handler code goes here
});
```

edited Dec 19, 2014 at 14:55

answered Jun 27, 2014 at 14:12

Dmitri Mogilevski

4711 gold badge5 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I communicate controllers in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related