带有$ ocLazyLoad的Angularjs中的延迟加载路由

时间:2019-05-25 07:49:43

标签: angularjs angular-ui-router lazy-loading angularjs-routing

我正在使用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未找到页!

我该如何解决这个问题?

0 个答案:

没有答案