如何使用 ocLazyLoad 进行依赖注入

我正在使用 ocLazyLoad 并且我有一些外部角度库（例如Chart.js and pascalprecht.translate）并且我需要在某些路由中延迟加载它们，如您所知，对于常见的角度模块依赖注入应该是这样的：

var angularApp = angular.module('myApp',
     ['oc.lazyLoad', 'pascalprecht.translate', 'chart.js']);

现在，我只需要延迟加载pascalprecht.translate在我的一个controllers还有延迟加载chart.js， 在另一个controller，但我仍然需要将它们添加到myApp模块但我不知道如何注入并且我不使用$stateProvider

我尝试了我需要的控制器：chart.js：

//Load here.
//$ocLazyLoad.load('./panel/dist/test.js');
angular.module('myApp', ['chart.js', [
 './panel/dist/static/chart.min.js',
 './panel/dist/static/angular-chart.min.js'
]]);

$ocLazyLoad.load('./panel/dist/static/chart.min.js');
$ocLazyLoad.load('./panel/dist/static/angular-chart.min.js');

但我收到了这个错误：

angular-chart.min.js:10Uncaught 错误：Chart.js 库需要 包括在内，请参阅http://jtblin.github.io/angular-chart.js/ http://jtblin.github.io/angular-chart.js/

首先，您不需要在依赖注入中注入chart.js，这应该是您的module:

var angularApp = angular.module('myApp', [ 'oc.lazyLoad' ]);

现在，您想要从不同的控制器访问一些库（就说路线吧），正如你所说，你不使用$stateProvider这意味着你不使用ui-router https://github.com/angular-ui/ui-router （这是一个处理路由和 URL 的第三方库）.

这是我的建议（只是一个简单的解决方案）：

angularApp.config(function ($routeProvider, $locationProvider) {
    $routeProvider.when('/home', {
        templateUrl: 'views/home.html',
        controller: 'HomeController',
        resolve: {
            store: function ($ocLazyLoad) {
                return $ocLazyLoad.load(
                    {
                        serie: true,
                        name: "chart.js",
                        files: [
                            "./static/chart.min.js",
                            "./static/chart-angular.min.js",
                        ]
                    }
                );
            }
        }
    });

        $routeProvider.when('/needs-translate', { 
        templateUrl: 'views/needs-translate.html',
        controller: 'translateController',
        resolve: {
            store: function ($ocLazyLoad) {
                return $ocLazyLoad.load(
                    {
                        serie: true,
                        name: "pascalprecht.translate",
                        files: [
                            "./static/translate.js"
                        ]
                    }
                );
            }
        }
    });

    $routeProvider.otherwise({
        redirectTo: '/home'
    });

    // use the HTML5 History API
    $locationProvider.hashPrefix = '!';
    $locationProvider.html5Mode(true);
});

顺便说一句，如果您正在使用ui.router, this Github问题 https://github.com/ocombe/ocLazyLoad/issues/353#issuecomment-252423761对你有用