我是 Angular 和 UI Router 的新手。
Plunk http://plnkr.co/edit/1wfyrGryfGG5RtXozPFY?p=preview
Setup我有三个顶级应用程序导航按钮“主页”、“项目”、“帮助”。他们使用 Angular UI Router ui-view 指令加载不同的视图 home.html、projects.html 和 help.html。这效果很好。
Projects.html 视图有一个选项卡栏,每个选项卡对应一个项目:D1、D2 D3 等,我使用 url 路由器属性显示相应的项目选项卡。
每次我单击“项目”按钮时,它都会完全重新加载选项卡栏。我丢失了当前选项卡,希望其中有任何嵌套视图。基本上是 Project.html 的页面内容,也调用控制器。
我通读了 wiki 文档,但不知道如何实现我所需的功能。我确信我错过了一些东西。它总是会重新加载视图吗?
问题:如何避免重新加载项目视图内容,以便我可以在切换到主页之前按原样保留所选选项卡和所有内容。因为我在每个项目上都会有很多嵌套的视图和模型。
我也想要类似的功能,但 ui-router 还不支持它。我分叉了 ui-router 来支持“并行状态”,并将其提交给项目征求意见。对话的要点是 ui-router 最终将支持某种形式的并行状态,但目前还没有。同时,您可以尝试我的 0.2.10 分支,它提供了您想要的并行状态。
阅读此处的对话:https://github.com/angular-ui/ui-router/issues/894
在此处查看示例并行选项卡:http://plnkr.co/edit/YhQyPV?p=preview
这是叉子;用 grunt 构建它:https://github.com/christopherthielen/ui-router
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)