使用url的ui-router延遲加載狀態

Question

我試圖看看我是否可以使用ui-router通過實現狀態的延遲加載將狀態設置委托給我的應用程序的子組件。 雖然我設法讓延遲加載部分使用$state.go或等效工作，但我無法使用URL工作。

例如，在啟動時，我的app將只設置以下兩種狀態： view1和view2 。 加載view1狀態后，它會設置自己的子狀態： view1.profile和view1.interest 。 從Gist看一下這個示例站點：

http://bl.ocks.org/marcoslin/raw/b59cfa9a9a44bde04f9f/

正如您將從上面的示例中看到的， View1Profile在啟動時不是有效鏈接，但是如果您單擊它，它將加載view1 ，然后使用生成的url加載view1profile ：

http://bl.ocks.org/marcoslin/raw/b59cfa9a9a44bde04f9f/#/view1/profile

但是，如果您單擊上面生成的URL，則app重新加載並且不再了解view1profile並將您重定向回到home 。 關於如何解決這個問題的任何建議？ 更具體地說，無論如何我可以獲取觸發$stateNotFound事件的url嗎？

也許答案是他們關於如何：懶惰加載狀態的神秘文檔的一部分。 我無法弄明白他們的意思：

• 如何在事件上設置重試承諾
• 如何使用存儲的提供程序定義unfoundState並解析promise

Answer 1

馬科斯，

有關FutureState與AngularAMD的集成，請參見http://christopherthielen.github.io/ui-router-extras/example/future/index.html 。

有關API和$ futureStateProvider的概述，請參見http://christopherthielen.github.io/ui-router-extras/#/future/ 。