javascript - ui-router延迟加载状态使用url

Question

我正在尝试查看是否可以使用 ui-router通过实现状态的延迟加载将状态设置委托(delegate)给我的应用程序的子组件。虽然我设法使用 $state.go 或等价物让延迟加载部分工作，但我无法使用 URL 让它工作。

例如，在启动时，我的应用 只会设置以下两种状态:view1 和view2。当加载 view1 状态时，它会设置自己的子状态:view1.profile 和 view1.interest。查看来自 Gist 的示例站点:

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

正如您将从上面的示例中看到的，View1Profile 在启动时不是有效链接，但如果您单击它，它将加载 view1 然后加载 view1profile 结果 url:

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

但是，如果您单击上面生成的 url，app 会重新加载并且不再知道 view1profile 并将您重定向回 home .关于如何解决这个问题的任何建议？更具体地说，我是否可以获得触发 $stateNotFound 事件的 url？

也许答案在他们关于 How to: Lazy load states 的神秘文档中.我无法弄清楚他们的意思:

• 如何为事件设置重试 promise
• 如何使用存储的提供程序定义 unfoundState 并解析 promise

Answer 1

马科斯，

参见 http://christopherthielen.github.io/ui-router-extras/example/future/index.html用于将 FutureState 与 AngularAMD 集成。

参见 http://christopherthielen.github.io/ui-router-extras/#/future/获取 API 和 $futureStateProvider 的概述。