使用angular-ui和angular-ui-router路由到基于Tab的界面

时间:2013-11-13 16:29:56

标签: angularjs angular-ui-router

我在ui-router的Github页面上阅读了很多问题,我决定得到一些输入(sry再一个标签示例)

我正在创建一个基于标签的界面(基于angular-ui)。

我有一些固定的标签(一些列表)应该一直存在,数据或多或少是静态的,速度更重要。

另外我想打开可关闭的标签,其中包含列表项的详细视图,重要的是能够在它们之间切换(在其他标签中查找内容)。他们应该继续修改。

出于这个原因,我创建了一个标签服务,提供固定标签,并能够创建更多标签或删除它们(仅保存ui状态)

我创建了一个TabController来控制整个标签页,我创建了一个加载标签的状态。

到目前为止一直很好,到目前为止。我现在想要创建到ui状态的路由,例如,当您加载页面或直接显示选项卡以创建新内容时,显示第二个选项卡是活动的而不是第一个。

如果我重新加载页面,我不想保存整个状态,只显示某个选项卡,如果不存在则创建它。如果我已经在页面上,我想保留当前标签,只打开一个新标签。

我喜欢https://github.com/angular-ui/ui-router/issues/562问题,因为在我看来这可能是一个用例。我想保留视图,因为它只是根据路径修改它。

基本上问题是如何正确地将路由委托给我的TabController,我可以处理整个事情(查找是否存在tab然后显示它,否则创建并显示它)。

这个问题很复杂,而且已经很晚了,但也许你明白这个想法

1 个答案:

答案 0 :(得分:4)

这个问题确实很复杂。我正在开发一个ui-router的分支,它正是你所描述的。看起来它可能在某些时候被集成到核心ui-router中。

玩弄:http://plnkr.co/edit/YhQyPV

https://github.com/angular-ui/ui-router/issues/894