如何從另一個模塊調用函數

Question

在我的angularJS應用程序中，我有兩個模塊：模塊A和模塊B.

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

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

如何調用模塊B中的函數alertA ？

Answer 1

您需要在模塊A中定義工廠：

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

然后使用模塊B中的alertA工廠：

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

Answer 2

按照以下步驟重構您的代碼：

1. 在模塊A中定義服務
2. 將模塊A添加為模塊B的依賴項
3. 將服務注入控制器

這是一個例子：

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