Question

我有一种情况，我正在使用角度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页面加载的。

方法1

(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();
                    }
                }
            })
    });
})();

方法2

(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页面本身预先加载的。任何帮助都会非常感激。

Answer 1

好的，所以我解决了这个问题。我在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);
                       }
                    }
                }

ocLazyLoad控制器依赖项数据解决问题

1 个答案: