如何建立一个Angular2 Tabbed 文档界面而不是焚烧路由？

Question

我正在尝试找到一种构建与路由器集成的选项卡组件的方法，有很多 Angular 2 个选项卡示例，但 none 包含路由。

假设每个选项卡用于编辑单独的数据库记录的示例。

• 用户导航到 URL。/detail/1 如果记录 1（选项卡）未加载，则 添加为新选项卡，如果记录 1 选项卡已加载，则 select 标签。
• 浏览器 back/forward 将有效地允许您切换 back/forth 选项卡之间

谢谢

Answer 1

我想你想做的是子路由。 您的父组件包含选项卡控件的 dom 和路由器出口

<tabs><tab>1</tab><tab>2</tab><tab>3</tab></tabs>
<router-outlet></router-outlet>

然后只是所有选项卡项的子路由。 不幸的是，有一些相当大的变化，所以我保存的教程链接中的 none 是最新的测试版。如果您需要更多帮助，我稍后可以尝试做一个 plunker。