需要创建嵌套选项卡。
在一个页面中，将有多个 Person id 选项卡作为外部选项卡，单击每个选项卡将打开内部选项卡，如 Home、Office 等，单击内部选项卡 - 主页，将显示选项卡内容。
Outertab：人 1 人 2
Innertab：家庭办公室
参考该站点 - http://angular-ui.github.io/bootstrap/，创建了带有内容的外部选项卡。创建了 2 个单独的选项卡集，但无法在两个选项卡集之间提供链接。
有人可以帮我如何为嵌套标签编写指令吗？有参考链接吗？
我相信AngularUI 路由器是您正在寻找的。UI-Router 的主要功能在于嵌套状态和视图的能力。按照我提供的链接查看该部分Nested States & Views。
这个Plunker 示例合并AngularUI Router以实现您正在寻找的类似功能。
[编辑]
这种由嵌套视图组成的布局正是 for 的AngularUI Router用途：
因此TabsTemplate将动态呈现第一级选项卡（任意数量）。
TabTemplate可能是没有任何动态内容的模板，因为 Home 和 Office 选项卡始终存在。
OfficeTemplate并且HomeTemplate再次是根据当前人员的选择动态填充的模板。
您可以参考angular bootstrap tabset 指令的编写方式。
阅读选项卡代码帮助我了解指令的工作原理。现在我可以从头开始构建许多组件。
我为自己构建了一个更简单的 tabset 指令版本，它不呈现内容，只是呈现 tab-heading 元素。所以我可以通过选项卡选择的回调来决定内容中的内容。对于嵌套标签，我只需要放入另一个 tabset 指令。