javascript - 在子 Controller 中访问父 Controller

Question

我正在尝试创建一个基本 Controller ，在其中我可以使用所有其他 Controller 一起需要的功能。我想在我的下层 Controller 上继承或实例化 JavaScript 页面。

我在网上看到了不同的建议，但对我来说没有用。我已将 2 个脚本按顺序排列在布局上。我创建了一个基本 Controller :

var app = angular.module('mainApp', []);

我正在尝试在其他 Controller 中访问它:

    baseController.app
   .controller('listsController'.....

如何访问 listController 文件中的 baseController(将来会有函数)？

Answer 1

一种方法是使用 $controller 服务来实例化它，如 this答案状态

app.controller('ChildCtrl', function($scope, $controller) {
  $controller('ParentCtrl', {$scope: $scope}); 
});

但是正如您所说，您拥有所有其他 Controller 都需要的功能，我建议您创建一个服务来保存这些通用功能。

这是一个服务示例:

app.factory('functionServ', function () {

    var function1 = function(){
        //Do your thing
    };

    var function2 = function(){
        //Do your thing
    };

    return {
        function1: function1,
        function2: function2
    }
});

然后将服务注入(inject)到需要使用常用功能的 Controller 中

app.controller('ChildCtrl', ['$scope', 'functionServ',  
    function ($scope, functionServ) {

    //Call the functions like: functionServ.function1();
}]);