Call a function in a controller in another module in AngularJS

Question

I am having trouble calling a function in another controller that is in another module. I don't know if this is possible, but this is what I have now:

angular.module('search.controllers', ['socket.services', 'recipe.controllers'])
    .controller('SearchCtrl', ['$scope', '$state', 'socketService', 'recipeCtrl', 
        function($scope, $state, socketService, recipeCtrl) {
            recipeCtrl.setRecipe({});
        }
]);

angular.module('recipe.controllers', [])
    .controller('recipeCtrl', 
        function($scope) {
            this.onRecipeSelect = function(recipe) {
                console.log(JSON.stringify(recipe));
            }
        }
    );

This is giving me the error:

Unknown provider: recipeCtrlProvider <- recipeCtrl <- SearchCtrl

Anyone know how to accomplish what I am trying to do?

You can't inject controller, they are not services. So no, it's not possible. You need actual service for this. — dfsq
– dfsq, Commented Nov 23, 2015 at 22:39

Luiz · Accepted Answer · 2015-11-23 23:02:31Z

3

Controllers can't be injected, so it simple does not work. You need to create a service with your function and inject this service.

If you need to exchange data between controllers the best option is to use events but your controllers need to be nested in order to communicate via scopes.

One last resource should use rootScope and watch for a value, but its not recommended to do it.

answered Nov 23, 2015 at 23:02

Luiz

5425 silver badges10 bronze badges

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

Collectives™ on Stack Overflow

Call a function in a controller in another module in AngularJS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related