使用angularjs的嵌套选项卡

发布时间：2020-12-17 06:46:39 所属栏目：安全来源：网络整理

导读：需要创建嵌套选项卡. 在页面中,将有多个Person id选项卡作为外部选项卡,在单击每个选项卡时,它将打开内部选项卡,如Home,Office等,并在单击内部选项卡 – Home时,将显示选项卡内容. Outertab：人1人2 Innertab：内政部引用站点 – http://angular-ui.github.

需要创建嵌套选项卡.

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!