How to call a function in a controller from a different controller AngularJS

Question

I'm looking on how to force a controller to refresh from another controller.

for that I'm using a simple test function :

function test() { alert('test'); }

I think using events is the best solution for this issue.

I used the following code :

First controller

.controller('firstcontroller', function($rootScope,$scope, $http,$timeout) {
$scope.$emit('testevent'); })

Second controller

.controller('firstcontroller', function($rootScope,$scope, $http,$timeout) {
   $scope.$on('refreshr', function (event) {
        alert('test');
    }); })

but this is not working ! any advice ?

In the provided code, both event does not have same names ('testevent', 'refreshr' ?, both controller have same name ('firstcontroller')? — jbigman
– jbigman, Commented Jun 2, 2015 at 9:02
See this answer to a similar thread: stackoverflow.com/a/14502755/2509908 — chris
– chris, Commented Jun 2, 2015 at 9:03

Zee · Accepted Answer · 2015-06-02 09:08:27Z

2

You event names are different, also broadcast on rootScope level.

.controller('firstcontroller', function($rootScope,$scope, $http,$timeout) {
    $rootScope.$broadcast('testevent'); 
})

.controller('secondcontroller', function($rootScope,$scope, $http,$timeout) {
   $scope.$on('testevent', function (event) {
        alert('test');
   }) 
})

edited Jun 2, 2015 at 9:08

answered Jun 2, 2015 at 9:02

Zee

8,4805 gold badges39 silver badges59 bronze badges

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

Comments

Nema · Accepted Answer · 2015-06-02 09:06:02Z

2

You can use $rootScope.$broadcast function to broadcast event to all child scopes. And then in you controller you do $scope.$on. But make sure that name of events are the same.

This should be it.

First controller

.controller('firstcontroller', function($rootScope,$scope, $http,$timeout) {
        $rootScope.$broadcast('testevent'); 
})

Second controller

.controller('secondcontroller', function($rootScope,$scope, $http,$timeout) {
   $scope.$on('testevent', function (event) {
        alert('test');
    });
})

edited Jun 2, 2015 at 9:06

answered Jun 2, 2015 at 9:01

Nema

3972 silver badges13 bronze badges

1 Comment

Yasser B. Over a year ago

Thanks for your answer ! can you please give an example according to my code !

Collectives™ on Stack Overflow

How to call a function in a controller from a different controller AngularJS

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related