用OcLazyLoad解决控制器加载前的资源调用

Question

我需要使用$resource提供者对我的need服务执行http调用。我首先解析来自http调用的数据，然后将这个结果注入控制器中。考虑到OcLazyLoad，我刚刚编写了这段代码。在我看来，它应该：

• 第一负荷服务；
• 进行http呼叫；
• 当承诺被解决后，加载控制器 .state(‘app.user.customer..state’)，{ url：'/{id}'，templateUrl：“资产/视图/CustomerDetail.html”，解析：{ loadMyService：['$ocLazyLoad'，'$injector'，函数($ocLazyLoad，{返回$ocLazyLoad.load('assets/js/services/customer.js').then(函数(){返回$ocLazyLoad.load('assets/js/services/customerFirstService.js').then(function() { var $serviceTest = $injector.get("CustomerFirstLoad")；(函数(){ $ocLazyLoad.load('assets/js/controllers/customerCtrl.js')；})；}

这是我们的服务

'use strict';

app.factory('CustomerFirstLoad', ['$q', '$timeout', function Customers($q, $timeout) {
    var svc = {};

    svc.testLoad = function(){
        var deferrer = $q.defer(); 

        $timeout(function(){
            console.log("response");
            deferrer.resolve("response");
        }, 3000);
      return deferrer.promise;
  };

return svc;
}]);

一些建议？

Answer 1

尝尝这个

.state('app.user.customer.detail', {
url: '/{id}',
templateUrl: "assets/views/customerDetail.html",
resolve: { loadMyService: ['$ocLazyLoad', '$injector', 
                function($ocLazyLoad, $injector) {
        return $ocLazyLoad.load('assets/js/services/customer.js').then(
                    function() {                            
                        return $ocLazyLoad.load('assets/js/services/customerFirstService.js').then(function() {

                            var $serviceTest = $injector.get("CustomerFirstLoad");
                            return $serviceTest.testLoad(); // <-- CHANGED HERE

                            }).then(function(){
                                        return $ocLazyLoad.load(['assets/js/controllers/customerCtrl.js']);
                              });
                        });

                 }]}

您需要以这样的方式返回$serviceTest.testLoad()的承诺，$ocLazyLoad在$serviceTest.testLoad()完成之前不会继续。