How can I pass between controllers in same module?

Question

In module named EventDetails I have two controllers attachedFilesList and EventDetailsctrl.

I need to pass string value from EventDetailsctrl controller to attachedFilesList controller.

see this http://stackoverflow.com/questions/11252780/whats-the-correct-way-to-communicate-between-controllers-in-angularjs — Hadi J, Jun 26 '16 at 07:24
Use events. ie: **$emit** from one controller. Then listen in the other controller. — Imesha Sudasingha, Jun 26 '16 at 07:24

score 3 · Accepted Answer · answered Jun 26 '16 at 07:30

3

Solution is attached below:

In EventDetailsctrl

$rootScope.$broadcast('pass-value', 'dummyVal');

In attachedFilesList

$scope.$on('pass-value', function(event, value) {
  // value is the object which is passed from $broadcast
});

answered Jun 26 '16 at 07:30

Suneet Bansal

2,664
1
14
18

score 1 · Answer 2 · answered Jun 26 '16 at 07:32

You can also pass the data from one controller to another controller using service.

EventDetails
  .controller('attachedFilesList', ['$rootScope', '$scope', 'myservice',
     function($rootScope, $scope, myservice) {
         $scope.myservice = myservice;
     }
  ]);

EventDetails
  .controller('EventDetailsctrl', ['$rootScope', '$scope', 'myservice',
     function($rootScope, $scope, myservice) {
         $scope.myservice = myservice;
     }
  ]);

EventDetails
   .service('myservice', function() {
       this.name = "value";
   });

Here is the Plnkr

Hope it helps :)

How can I pass between controllers in same module?

2 Answers2

In EventDetailsctrl

In attachedFilesList