1

我有一种情况，我在 Angular js 中使用 ocLazyLoad 加载服务和控制器，它按预期工作。但是，我也想通过使用由 ocLazyLoad 解析的服务将一些数据传递给控制器​​，不幸的是我无法以任何方式完成此操作。我尝试了以下两种方法。

我的服务

(function () {
'use strict;'
angular.module('app')
    .service('vendorService', function (http, config) {
        return {
            create: function(model){
                return http.post(config.apiUrl + "api/vendor/", model);
            },
            update: function(id , model){
                return http.put(config.apiUrl + "api/vendor/" + id, model);
            },
            delete: function(id){
                return http.delete(config.apiUrl + "api/vendor/" + id);
            },
            get: function(id){
                return http.get(config.apiUrl+ "api/vendor/" + id);
            },
            getAll: function(){
                return http.get(config.apiUrl + "api/vendor");
            }
        }
    });
})();

我的控制器

(function () {
'use strict;'
angular.module('app')
    .controller('vendorsController', function (vendorService, NgTableParams, vendors) {
        var vm = this;
        vm.vendorsTable = new NgTableParams({
            count: 10
        }, {
            counts: [10, 25, 50],
            dataset: angular.copy(vendors)
        });
    });
})();

我的配置是从 index.html 页面加载的。

方法一

(function () {
'use strict;'
angular.module('app')
    .config(function ($stateProvider) {
        $stateProvider
            .state('app.vendors', {
                url: '/vendors',
                templateUrl: 'app/main/vendors/index.html',
                controller: 'vendorsController',
                controllerAs: 'vm',
                resolve: {
                    deps: function ($ocLazyLoad, $injector) {
                        return $ocLazyLoad.load([
                            'app/services/vendor.service.js',
                            'app/main/vendors/vendors.controller.js'
                        ])
                    },
                    vendors: function ($injector) {
                        var vendorService = $injector.get('vendorService');
                        return vendorService.getAll();
                    }
                }
            })
    });
})();

方法二

(function () {
'use strict;'
angular.module('app')
    .config(function ($stateProvider) {
        $stateProvider
            .state('app.vendors', {
                url: '/vendors',
                templateUrl: 'app/main/vendors/index.html',
                controller: 'vendorsController',
                controllerAs: 'vm',
                resolve: {
                    deps: function ($ocLazyLoad, $injector) {
                        return $ocLazyLoad.load([
                            'app/services/vendor.service.js',
                            'app/main/vendors/vendors.controller.js'
                        ])
                    },
                    vendors: function (vendorService) {
                        return vendorService.getAll();
                    }
                }
            })
    });
})();

控制台也没有错误，服务中所需的所有依赖项（例如 http 服务和配置）都是从 html 页面本身预加载的。任何帮助将非常感激。

4

1 回答 1

0

好的，所以我解决了这个问题。我在 chrome 网络选项卡中看到，在 ocLazyLoad 实际加载 js 文件之前调用了数据解析函数，我所做的是将 ocLazyLoad 解析依赖项包含在我的控制器数据依赖项中，如下所示

resolve: {
                    **deps**: function ($ocLazyLoad, $injector) {
                        return $ocLazyLoad.load([
                            'app/services/vendor.service.js',
                            'app/main/vendors/vendors.controller.js'
                        ])
                    },
                    vendors: function (**deps**, $injector) {
                        debugger;
                       try {
                            var vendorService = $injector.get('vendorService');
                            return vendorService.getAll();
                       } catch (error) {
                           console.error(error);
                       }
                    }
                }
于 2017-01-29T10:45:03.390 回答