javascript - AngularJS如何在另一个 Controller 中使用一个 Controller 的功能

Question

我在 angularjs 中创建模块化应用程序，我有两个模块主页和模板。如何将一个模块的功能用到第二个模块中
模块首页

    angular.module('home',[]).controller('homeCtrl', function($scope){
         //this function to templatesModule
         $scope.useThisFunctionInTemplateCtrl = function(){}
    })

模块模板

    angular.module('templates',[]).controller('templatesCtrl', function($scope){
         //here function from homeCtrl
         $scope.functionFromhomeCtrl = function(){}
    })

主 app.js

angular.module('myApp',['home', 'templates']);

Answer 1

你需要一个 service在 Controller 之间共享信息:

angular.module('yourModule').factory('yourService', function(){
    var self = this;

    self.sharedFunction = function(){}

    return self;
})

并将其注入(inject)您的 Controller

angular.module('home',[]).controller('homeCtrl', function($scope, yourService){
     //this function to templatesModule
     $scope.useThisFunctionInTemplateCtrl = yourService.sharedFunction();
})

$rootScope 用于存放全局变量，否则应避免使用。