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

我试图通过实现延迟加载状态来查看是否可以使用 ui-router将状态设置委托给我的应用程序的子组件.虽然我设法让延迟加载部分使用$state.go或等效工作,但我无法使用URL工作.

例如,在启动时,我的应用程序将仅设置以下两种状态: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,则应用程序会重新加载并且不再了解view1profile并将您重定向回到主页.关于如何解决这个问题的任何建议?更具体地说,无论如何我可以获取触发$stateNotFound事件的url吗?

也许答案是他们在How to: Lazy load states上的神秘文档的一部分.我无法弄清楚他们的意思是:

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

解决方法

马科斯,

有关FutureState与AngularaMD的集成,请参阅http://christopherthielen.github.io/ui-router-extras/example/future/index.html.

有关API和$futureStateProvider的概述,请参见http://christopherthielen.github.io/ui-router-extras/#/future/.

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...