Wie eine Funktion von einem anderen Modul nennen

Question

In meiner AngularJS Anwendung, ich habe zwei Module: Modul A und Modul B

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

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

Wie die Funktion alertA im Modul B nennen?

Answer 1

Sie benötigen ein eine Fabrik in Modul zu definieren:

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

Dann nutzen Sie die alertA Fabrik in Modul B:

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

Answer 2

Code Umgestalten in die folgenden Schritte:

1. einen Dienst in Modul definieren Ein
2. Modul A als Abhängigkeit hinzufügen B
3. Injizieren Sie den Dienst in den Controller

zum Modul Hier ein Beispiel:

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; }); 
});