AngularJS中带有路由的动态选项卡

时间:2015-02-12 12:22:34

标签: javascript angularjs tabs angular-ui-router url-routing

我想创建一个标签控件,它支持静态标签和动态标签 动态标签有N种不同的类型,并根据一些id显示其内容 我想使用路由(可能是ui-router)来做所有这些,因为我希望深度链接以及随之而来的所有其他好处。

我一直试图在网上找到一个例子,但找不到任何一个(我确实在其他网站上发现了一些与此类似的问题,唉,他们没有回答)。

我发现最接近的是ui-router-extras提供的功能似乎是一个很好的起点,但是,我仍然不确定我想要实现的是否可以使用它。

任何想法,如果可能,任何指导或建议如何开始?

1 个答案:

答案 0 :(得分:0)

我认为,如果你有很多标签,最好的创建方法就是使用一个控制器作为选项卡,它具有你想要的所有部分的范围,然后是一个通过所有选项卡重复的视图,填充你的观点。

我建议您尝试使用bootstrap的nav-tabs,如果它们符合您的设计(http://getbootstrap.com/components/#nav-tabs

如果你的部分很少,你可以将标签硬编码到视图中,每个标签都带有它的ui-sref。