javascript - Angular js在单独的文件中具有相同的$scope

Question

我的 angular js Controller 越来越大，所以我想将它的一些功能分离到单独的文件中，但我无法在其他文件中访问该 Controller 的 $scope。这样做的最佳做法是什么？

例如，如果这是我在 app.js 中的 Controller

formAppControllers.controller('mainController', function($scope,$translate) {});

我希望能够在 functions.js 文件中使用相同的 $scope。

Answer 1

这可能不是您正在寻找的答案，但我会以相反的方式进行:我将定义服务并在越来越拥挤的 Controller 中使用它们。这样，您就可以避免在别处访问 $scope。

类似 service.js 的东西，你有:

    var someService = angular.module('someService');
    someService.factory('subService', function () {
        var methodName = function (arg) {
            // do something
        }
    });

然后在包含您的应用程序逻辑的 Angular 模块中，执行如下操作:

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

当然还有；

mainApp.controller('mainCtrl', function ($scope, subService) {
    // controller stuff
    subService.methodName(arg); // etc
});