javascript - 如何重构 Angular 依赖注入(inject)以进行串联和缩小？

Question

我已将 Angular 应用程序写入单独的文件中，以提高可读性以及轻松找到要编辑/编码的内容的方法。这是我的 app.js，需要依赖项。

app.js

var app = angular.module('app', ['ngResource', 'ngRoute', 'app.services', 'app.controllers', 'app.feed','app.directives', 'app.factories']);

app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
    ...
}]);

这是如何写出依赖项的示例。

服务.js

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

app.factory('AuthService', ['$scope'], function($scope) {
    ...
}]);

但是，当我尝试连接脚本时，应用程序会不断重新定义。我想过删除 var 声明，但是，我喜欢将文件分开。

我如何才能在 app.js 的依赖注入(inject)保持完整的情况下写出这个代码，同时仍然保持文件独立。

Answer 1

为了防止不断重新声明您的应用程序变量，您可以利用模块模式:Angular Style Guide:Modules 。 而不是在每个依赖项中显式声明应用程序:

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

app.factory('AuthService', ['$scope'], function($scope) {
    ...
}]);

您可以将服务、组件、指令、 Controller 等定义为正确模块的一部分:

angular.module('app.services')
.factory('AuthService', ['$scope'], function($scope) {
    ...
}]);

声明“app.services”模块只需发生一次。

参见:Angular Style Guide:Modules以获得更好的解释。