angular - 在应用程序中带有路由的 Angular 2+ 选项卡

Question

我想知道如何在我的应用程序中执行某种“内部选项卡”。

我希望有多个带有多个嵌套组件的选项卡（由路由器管理），并且希望在我在选项卡之间移动时保持数据活动（例如在表单中保留数据等），但想在浏览器的 URL 栏中更改 URL。

我在谈论应用程序中的某种内部选项卡，而不是浏览器中的多个选项卡！

你有什么技巧可以做到这一点吗？有人做了某种功能吗？

谢谢

标签： angularurltabsrouter

Answer 1

我在具有多个大型组件 (CRM) 的大型项目中执行相同的功能

1. 每个主要组件都必须有数据服务（在服务中你只存储来自变量的值）
2. 组件中的所有更改都必须使用来自数据服务的数据
3. 每个主要组件侦听 NavigationEnd 并在发生时将数据从数据服务保存到选项卡
4. 当您首先从另一个组件返回此组件时，您必须将当前活动选项卡中的数据设置为您的数据服务