使用angularjs的嵌套选项卡

前端之家收集整理的这篇文章主要介绍了使用angularjs的嵌套选项卡前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
需要创建嵌套选项卡.

页面中,将有多个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再次是根据当前人员的选择动态填充的模板.

猜你在找的Angularjs相关文章