相关疑难解决方法(0)

我正在使用angular-seed模板来构建我的应用程序.最初我将所有JavaScript代码放入一个文件中main.js.该文件包含我的模块声明,控制器,指令,过滤器和服务.应用程序工作正常,但我担心可扩展性和可维护性,因为我的应用程序变得更加复杂.我注意到,角种子模板对每一种单独的文件,所以我尝试从单一的发布我的代码main.js文件到每个标题中的这个问题提到的其他文件,并在找到app/js的目录角- 种子模板.

我的问题是:如何管理依赖项以使应用程序工作？这里找到的现有文档在这方面不是很清楚,因为给出的每个示例都显示了一个JavaScript源文件.

我的一个例子是:

app.js

angular.module('myApp', 
    ['myApp.filters',
     'myApp.services',
     'myApp.controllers']);

controllers.js

angular.module('myApp.controllers', []).
    controller('AppCtrl', [function ($scope, $http, $filter, MyService) {

        $scope.myService = MyService; // found in services.js

        // other functions...
    }
]);

filters.js

angular.module('myApp.filters', []).
    filter('myFilter', [function (MyService) {
        return function(value) {
            if (MyService.data) { // test to ensure service is loaded
                for (var i = 0; i < MyService.data.length; i++) {
                    // code to return appropriate value from …