Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/ant/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从另一个模块调用函数_Javascript_Angularjs_Angularjs Scope - Fatal编程技术网

Javascript 如何从另一个模块调用函数

Javascript 如何从另一个模块调用函数,javascript,angularjs,angularjs-scope,Javascript,Angularjs,Angularjs Scope,在我的angularJS应用程序中,我有两个模块:模块A和模块B angular.module('A').controller('ACtrl',function($scope){ $scope.alertA = function(){alert('a');} //... }); angular.module('B').controller('BCtrl',function($scope){ //... }); 如何调用模块B中的函数alertA?按照以下步骤重构代码:

在我的angularJS应用程序中,我有两个模块:模块A和模块B

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

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

如何调用模块B中的函数
alertA

按照以下步骤重构代码:

  • 在模块a中定义服务
  • 将模块A作为依赖项添加到模块B
  • 将服务注入控制器
  • 以下是一个例子:

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

    您需要在模块a中定义工厂:

    var moduleA= angular.module('A',[]);
    moduleA.factory('factoryA', function() {
        return {
            alertA: function() {
                alert('a');
            }    
        };
    });
    
    angular.module('B',['A']).controller('BCtrl',function($scope,'factoryA'){
        factoryA.alertA();
    });
    
    然后使用模块B中的
    警报A
    工厂:

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

    您的函数应该重构为服务。这就是函数在Angular中共享和交叉注入的方式。另外:很好,谢谢你的回答。你好!如果能解决您的问题,请接受我的回答。:)