使用angularjs嵌套的标签 [英] Nested tabs using angularjs

问题描述

需要创建嵌套的标签。

在一个页面上会出现多个个人ID卡作为外卡并单击每个选项卡，将打开内标签像家庭，办公室等，并点击选项卡内 - 首页，标签内容将显示

In a page there will be multiple Person id tabs as outer tabs and on clicking each tab it will open inner tabs like Home,Office etc., and on clicking inner tab - Home, the tab content will display.

Outertab：1人PERSON2

Outertab: Person 1 Person2

Innertab：家庭办公

Innertab: Home Office

在为参照网站 - http://angular-ui.github.io/bootstrap/，创建了内容外标签。创建2个独立的标签集，但不能为这两个标签集之间的联系。

Refering the site - http://angular-ui.github.io/bootstrap/ , created outer tabs with content. created 2 separate tabset but not able to give link between the two tabset.

有人能帮助我如何写一个嵌套的标签指令？任何引用链接？

Can someone help me how to write directive for nested tabs? Any reference links?

推荐答案

我相信 AngularUI路由器< /一>是你在找什么。大部分的UI路由器的功率是它能够巢州和放大器;意见。按照我提供的链接，看看节嵌套国和放大器;查看。

这 Plunker例如采用 AngularUI路由器来达到你正在寻找一个类似的功能。

This Plunker example incorporates AngularUI Router to achieve a similar functionality you are looking for.

此布局的嵌套视图组成正是为 AngularUI路由器用于：

This layout composed of nested views is exactly what for the AngularUI Router is used for:

所以 TabsTemplate 将动态呈现选项卡的第一级（任何数字）。

So TabsTemplate will dynamically render the first level of tabs (any number).

TabTemplate 可能是没有任何动态内容为家庭和办公室标签是永远存在的。

TabTemplate could be a template without any dynamic content as Home and Office tabs are always there.

OfficeTemplate 和 HomeTemplate 是基于当前人的选择动态填充再次模板。

OfficeTemplate and HomeTemplate are again templates that are populated dynamically based on the selection of the current person.

这篇关于使用angularjs嵌套的标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！