我正在使用Angular-ui-router进行路由,并使用oclazyload来基于路由加载每个控制器(延迟加载)。
问题:我的void draw()
文件越来越大(到现在为止有8000行!)
我像下面的控制器一样延迟加载路由。
route.js
在刷新子视图中的应用程序之前,一切正常。
这意味着:
当我通过单击链接转到子路线// app.config(routes.js) ↓
$stateProvider
.state('app.warehouses', {
url: '/warehouses',
views: {
"appContent@app": {
templateUrl: 'warehouses/warehouses.html',
controller: 'warehousesCtrl'
},
resolve: {
loadCtrl: ['$ocLazyLoad', ($ocLazyLoad) => {
return $ocLazyLoad.load({
files: [
'warehouses/warehousesRoute.js', // lazy load routes
'warehouses/warehousesCtrl.js'
]
});
}]
},
})
// warehousesRoute.js ↓
$stateProvider
.state('app.warehouses.warehouse', {
url: '/warehouse/:id',
views: {
"appContent@app": {
templateUrl: 'warehouses/warehouse.html',
controller: 'warehouseCtrl'
}
},
resolve: {
loadCtrl: ['$ocLazyLoad', ($ocLazyLoad) => {
return $ocLazyLoad.load('warehouses/warehouse/warehouseCtrl.js');
}]
}
})
时,工作正常,但是当我刷新子路线(app.warehouses.warehouse/:id)
中的页面时,我会转到 404未找到页!
我该如何解决这个问题?