我有一个应用程序,最初加载了大量脚本,并且随着开发的进行,该列表不断增长。我想在需要时延迟加载包含控制器的脚本。我使用 OcLazyLoad 和 ngRoute 作为路由选项(我确实尝试了 ui-route,它实际上具有相同的最终结果,但导致了其他应用程序问题)。延迟加载和路由工作正常,脚本和视图仅在需要时加载,但问题是控制器未加载(参数“caseReviewController”未加载),因此就好像控制器不存在一样。
这是我的 app.js 文件中的简单版本...
var app = angular.module('dashboard', ['oc.lazyLoad', 'ngRoute', 'LocalStorageModule']);
app.config(function ($ocLazyLoadProvider, $routeProvider, localStorageServiceProvider) {
$ocLazyLoadProvider.config({
loadedModules: ['dashboard'], modules: [
{
name: 'caseReview',
files: ['js/controllers/case-review.js']
}
]
});
$routeProvider
//other routes here...
.when('/case-review', {
templateUrl: 'views/case-review.html',
controller: 'caseReviewController',
resolve: {
loadModule: ['$ocLazyLoad', function ($ocLazyLoad) {
return $ocLazyLoad.load('caseReview');
}]
}
})
});
在单独的 case-review.js 文件中,我有一个简单的控制器
app.controller('caseReviewController', function($scope, localStorageService, $route){
//do stuff
});
未找到或执行此控制器,但视图和 js 文件正在按预期延迟加载。任何帮助都会很棒。
Thanks.