gpt4 book ai didi

javascript - Angular Controller 未使用 OcLazyLoad 和 ngRoute 加载

转载 作者:搜寻专家 更新时间:2023-11-01 05:00:29 25 4
gpt4 key购买 nike

我有一个应用程序,它最初加载了大量脚本,并且随着开发的进行,该列表还在增加。我想在需要时延迟加载包含 Controller 的脚本。我将 OcLazyLoad 与 ngRoute 一起用于路由选项(我确实尝试了 ui-route,它实际上具有相同的最终结果,但导致了其他应用程序问题)。延迟加载和路由工作正常,脚本和 View 只在需要时加载,但问题是 Controller 没有被加载(参数“caseReviewController”不是)所以就好像 Controller 不存在一样。

这是我的 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 文件中,我有一个简单的 Controller

app.controller('caseReviewController', function($scope, localStorageService, $route){
//do stuff
});

未找到或执行此 Controller ,但 View 和 js 文件正在按预期延迟加载。任何帮助都会很棒。

谢谢。

最佳答案

在你单独的case-review.js中,你必须得到app的引用。

angular.module('dashboard').controller('caseReviewController', function($scope, localStorageService, $route){
//do stuff
});

正如您提到的,它在单独的文件中,它可能不知道 app 变量。最好在单独的文件中获取 Angular 模块的引用。

这一定能解决您的问题。

关于javascript - Angular Controller 未使用 OcLazyLoad 和 ngRoute 加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29468522/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com