The question is as mentioned. After lazy loading into the controller file, the controller prompt does not exist.
Post code:
state:
//state
$stateProvider.state('user.performance', {
url: '/performances',
views: {
'': {
controller: 'PerformanceCtrl',
templateUrl: 'tpl/user/performance'
}
},
resolve:{
loadPerformanceCtrl: ["$ocLazyLoad", function ($ocLazyLoad) {
return $ocLazyLoad.load('/app/performance/performance.js');//js文件有成功加载进来
}]
}
})performance.js
;(function () {
'use strict';
myApp.controller('PerformanceCtrl', [
'$scope',
'PerformanceService',
function ($scope, PerformanceService) {
console.log('PerformanceCtrl');
//...
])
})();
// myApp 在此前加载的js中已经定义过。var myApp = angular.module('zwb', []);Error report: Argument 'PerformanceCtrl' is not a
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
I fiddled with it and found:
When I create a new module,
$ocLazyLoad.load()The loaded component is registered successfully, as shown belowFrom the above, I thought of another point in angular. When the module takes no parameters, it is a getter, so try the following:
ocLazyLoad debug prompt
ocLazyLoad.moduleReloaded order, in this way, the component under performance is loaded and the register is successful.I have been struggling for a long time, and my understanding of angular and the familiarity with introducing components are still not enough. Thanks for G_Koala_C’s answer, thank you~
The resolve of routing usually preloads the data used by the current state, and then loads the page after the data is loaded. In your situation, there is no need for lazy loading. Isn't it completely superfluous? I don’t know where your error lies. There are probably two types:
1. Remove lazy loading, which is of no use.
2. Change the controller in views to loadPerformanceCtrl, and resolve has been renamed directly. Not sure if it works.