需要创建嵌套选项卡.
在页面中,将有多个Person id选项卡作为外部选项卡,在单击每个选项卡时,它将打开内部选项卡,如Home,Office等,并在单击内部选项卡 – Home时,将显示选项卡内容.
Outertab:人1人2
Innertab:内政部
引用站点 – http://angular-ui.github.io/bootstrap/,创建带有内容的外部选项卡.创建了2个单独的tabset但无法在两个tabset之间提供链接.
有人可以帮我如何编写嵌套选项卡的指令吗?有参考链接吗?
解决方法
我相信
AngularUI Router就是你要找的. UI-Router的大部分功能在于它能够嵌套状态和功能.观点.按照我提供的链接,看看嵌套状态&部分.视图.
此Plunker example包含AngularUI路由器,以实现您正在寻找的类似功能.
[编辑]
这种由嵌套视图组成的布局正是AngularUI路由器用于:
因此TabsTemplate将动态呈现第一级选项卡(任意数字).
TabTemplate可以是没有任何动态内容的模板,因为Home和Office选项卡始终存在.
OfficeTemplate和HomeTemplate再次是根据当前人员的选择动态填充的模板.