In my angularJS application, I have two modules : module A and module B.

angular.module('A').controller('ACtrl',function($scope){
    $scope.alertA = function(){alert('a');}
    //...
});

angular.module('B').controller('BCtrl',function($scope){
    //...
});

How to call the function alertA in the module B ?

In my angularJS application, I have two modules : module A and module B.

angular.module('A').controller('ACtrl',function($scope){
    $scope.alertA = function(){alert('a');}
    //...
});

angular.module('B').controller('BCtrl',function($scope){
    //...
});

How to call the function alertA in the module B ?

• javascript
• angularjs
• angularjs-scope

• 3 Your function should be refactored into a service. That's how functions are shared and cross-injected in Angular. For example: stackoverflow./questions/18607010/… – isherwood Commented Apr 18, 2016 at 21:13
• Also: stackoverflow./questions/33882051/… – isherwood Commented Apr 18, 2016 at 21:14
• Nice, thanks for your answers. – Hongbin Wang Commented Apr 18, 2016 at 21:15
• Hello! Please accept my answer if it solves your problem. :) How does accepting an answer work? – GG. Commented Apr 19, 2016 at 22:21

2 Answers 2

You need to define a factory in module A:

var moduleA= angular.module('A',[]);
moduleA.factory('factoryA', function() {
    return {
        alertA: function() {
            alert('a');
        }    
    };
});

Then use the alertA factory in module B:

angular.module('B',['A']).controller('BCtrl',function($scope,'factoryA'){
    factoryA.alertA();
});

Refactor your code in following these steps:

1. Define a service in module A
2. Add module A as dependency to module B
3. Inject the service into the controller

Here is an example:

angular.module('A').service('API', function ($http) {
    this.getData = function () { return $http.get('/data'); };
});

angular.module('B', ['A']).controller('dashboardCtrl', function ($scope, API) {
    API.getData().then(function (data) { $scope.data = data; });
});