How to call a controller function from another controller?

Question

What is the simplest way to call a controller's functions from another controller?

I have controller like this..

Controller1

$scope.setTitleKey = function (titleKey) {
        $scope.currentTitleKey = titleKey;
        $scope.getDetails();
    };

Controller2

$scope.getDetails=  function () {
        if (titleKey !== "All") {
            $scope.bookInfo;
            bookDetails.getBookDetails(titleKey).then(function (results) {
                $scope.bookInfo = results.data;
            }, function (error) {
                alert(error.data.message);
            }
            );
        };
    };

I just want to call function from other controller

The simple logic is that if the function from Controller1 then the another function is call from the Controller2

Any Idea?

Abhinav Gujjar · Accepted Answer · 2014-08-01 12:53:13Z

3

Short answer is that don't even try to communicate between controllers, instead use one of the communications patterns

Using a shared service (PREFERRED).
Using events $emit(), $on() and $broadcast()
Use scope inheritance.

As mentioned in the comments, these options in the in the order of best practices.

edited Aug 1, 2014 at 12:53

answered Aug 1, 2014 at 12:50

Abhinav Gujjar

2,6402 gold badges26 silver badges35 bronze badges

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

1 Comment

Brocco Over a year ago

+1 for shared service... +0.5 for events -1 for scope inheritance.

Rituraj ratan · Accepted Answer · 2014-08-01 13:26:58Z

1

make a factory or service when you want to share code in your controller

it is the best way to get all the function and variable which you want to share like

Modulename.factory("ABC",function(){// Modulename which you have make on your code it is just for a example
var test=0;
return {
    /** by this get test var**/
    "getABC":function(){

        return test;
    },

   /**to set new new test value 
    * **/
    "setABC":function(passtest){
        test=passtest;

    }
};

});

Now use in Controller 1

$scope.setTitleKey = function (titleKey,ABC) {
  ABC.getABC();//get 0;
  ABC.setABC(5);

 };

Now use in Controller 2

$scope.getDetails=  function () {
       ABC.getABC();// get 5
    };

Here i am sharing a logic which you can implement and for more search in angular doc it will helpful

Thanks

answered Aug 1, 2014 at 13:26

Rituraj ratan

10.4k8 gold badges38 silver badges55 bronze badges

1 Comment

Wicked Programmer Over a year ago

Thanks a lot.. and thanks for the example guide for me.. i got it

Collectives™ on Stack Overflow

How to call a controller function from another controller?

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related