角度ui路由器和ocLazyLoad

Question

場景：

我有一些角度模塊，例如：

angular.module('app', ['app.core', 'app.views']); // not lazy load

app.views下的每個模塊app.views使用RouterUtil來注冊自己的路由，例如：

$stateProvider.state('state name', {/* some configs here */});

該RouterUtil還具有一種訪問所有注冊狀態的方法（用於創建動態菜單）。

我正在使用ocLazyLoad ，只是用來加載外部模塊。 當頁面加載時，ocLazyLoad將使用一些角度模塊向其他js執行請求，然后將該模塊添加到實際環境中 。

當我轉到此外部模塊的頁面並嘗試刷新頁面時，會發生問題：

怎么了：

• Angular啟動並注冊一些$ states
• ocLazyLoad啟動對外部模塊的請求
• ui-routes嘗試解析實際的URL，並意識到此URL沒有狀態，並將用戶重定向到默認（否則）頁面
• ocLazyLoad完成請求並將所有新模塊添加到angular 環境中 。 目前，我們的狀態為所請求的URL（與刷新之前相同）

我可以在檢查ocLazyLoad請求之前是否先讓ui-router等待它是否為已注冊URL？

Answer 1

您想使用deferIntercept() ，以延遲ui-router觀看URL。

app.config(function($urlRouterProvider) {
  urlRouterProvider.deferIntercept(); 
});

... ocLazyLoad stuff

app.run(function($urlRouter) { 
  ocLazyLoadPromise.then(function() { urlRouter.listen(); }); 
});

http://angular-ui.github.io/ui-router/site/#/api/ui.router.router。$ urlRouterProvider