是否可以在AngularJs中的UI路由器解析中解析控制器和服务？

Question

我正在尝试如下解决ui-router reslove中的控制器和服务

控制器是：'js / app / dashboard / dashboardService.js'，服务是：'js / app / dashboard / dashboard.Controller.js'

.state('dashboards.sample', {
             url: "/outlook",
             templateUrl: "views/Dashboard/sample.html",
             data: { pageTitle: 'Outlook view', specialClass: 'fixed-sidebar' },
             controller: 'productsController',
             controllerAs: 'pd',
             resolve: {

                 loadPlugin: function ($ocLazyLoad) {

                     return $ocLazyLoad.load([
                         {
                             name: 'ProductModule',
                             files: ['js/app/dashboard/dashboardService.js', 'js/app/dashboard/dashboard.Controller.js']
                         }
                     ]);
                 }
             }
         })

这样做的问题是在服务之前加载了控制器（有时相反）。 因此，有一种方法可以嵌套解决此问题，即先加载服务，再加载控制器。

通常在控制台中抛出的错误是

 angular.js:38 Uncaught Error: [$injector:nomod] http://errors.angularjs.org/1.5.0/$injector/nomod?p0=ProductModule(anonymous function) @ angular.js:38(anonymous function) @ angular.js:2015b @ angular.js:1939(anonymous function) @ angular.js:2013(anonymous function) @ dashboardService.js:2
angular.js:13236 Error: [$injector:unpr] http://errors.angularjs.org/1.5.0/$injector/unpr?p0=dashboardServiceProvider%20%3C-NaNashboardService%20%3C-%20productsController
    at Error (native)
    at http://localhost:8012/js/angular/angular.min.js:6:416
    at http://localhost:8012/js/angular/angular.min.js:43:7
    at Object.d [as get] (http://localhost:8012/js/angular/angular.min.js:40:270)
    at http://localhost:8012/js/angular/angular.min.js:43:69
    at d (http://localhost:8012/js/angular/angular.min.js:40:270)
    at e (http://localhost:8012/js/angular/angular.min.js:41:1)
    at Object.instantiate (http://localhost:8012/js/angular/angular.min.js:41:364)
    at http://localhost:8012/js/angular/angular.min.js:87:42
    at http://localhost:8012/js/ui-router/angular-ui-router.min.js:7:23333

Answer 1

我这样做是通过依次加载文件来实现的（即serie: true, ）。 通过这种方式，将在控制器中使用服务文件之前将其加载。

.state('dashboards.sample', {
             url: "/outlook",
             templateUrl: "views/Dashboard/sample.html",
             data: { pageTitle: 'Outlook view', specialClass: 'fixed-sidebar' },
             controller: 'productsController',
             controllerAs: 'pd',
             resolve: {

                 loadPlugin: function ($ocLazyLoad) {

                     return $ocLazyLoad.load([
                         {
                             serie: true,
                             name: 'ProductModule',
                             files: ['js/app/dashboard/dashboardService.js', 'js/app/dashboard/dashboard.Controller.js']
                         }
                     ]);
                 }
             }
         })