0

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

应用程序.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 的依赖注入保持不变，同时仍然保持文件分开。

4

1 回答 1

1

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

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

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

您可以将服务、组件、指令、控制器等定义为正确模块的一部分：

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

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

请参阅：Angular Style Guide:Modules以获得更好的解释。

于 2016-02-15T21:11:48.837 回答