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

Javascript AngularJS中带路由的动态选项卡,javascript,angularjs,tabs,angular-ui-router,url-routing,Javascript,Angularjs,Tabs,Angular Ui Router,Url Routing,我想创建一个选项卡控件,它支持静态和动态选项卡。 动态选项卡有N种不同类型,并根据某些id显示其内容。 我希望使用路由(可能是ui路由器)来完成所有这些,因为我希望深度链接和它带来的所有其他好处 我一直试图在网上找到一个例子,但找不到(我在其他网站上也发现了一些类似的问题,可惜没有得到回答) 我发现的最接近的东西是ui路由器extras,它提供的功能似乎是一个很好的起点,但是,我仍然不确定我想要实现的是不是可以使用它 如果可能的话,有什么想法,关于如何开始的指导方针或建议吗?如果你有很多选项卡,

我想创建一个选项卡控件,它支持静态和动态选项卡。
动态选项卡有N种不同类型,并根据某些id显示其内容。
我希望使用路由(可能是ui路由器)来完成所有这些,因为我希望深度链接和它带来的所有其他好处

我一直试图在网上找到一个例子,但找不到(我在其他网站上也发现了一些类似的问题,可惜没有得到回答)

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


如果可能的话,有什么想法,关于如何开始的指导方针或建议吗?

如果你有很多选项卡,我认为最好的方法是为选项卡使用一个控制器,该控制器的作用范围可以覆盖你想要的所有部分,然后是一个视图,ng会在所有选项卡中重复,填充你的视图

我建议您尝试bootstrap的导航选项卡,如果它们适合您的设计()

如果您有几个部分,您可以将选项卡硬编码到视图中,每个选项卡都有它的ui sref