在应用程序中进行路由的Angular 2+标签

时间:2019-10-02 07:27:30

标签: angular url tabs router

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

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

我说的是应用程序中的某些内部标签,而不是浏览器中的多个标签!

您有如何实现该目标的提示吗?有人做过某种功能吗?

Thx

1 个答案:

答案 0 :(得分:0)

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

  1. 每个主要组件都必须具有数据服务(在服务中,u仅存储来自变量的值)
  2. 所有组件更改必须与数据服务中的数据一起使用
  3. 每个主要组件都监听NavigationEnd,并在发生这种情况时将数据从数据服务保存到选项卡
  4. 首先从另一个组件返回到此组件时,必须将当前活动选项卡中的数据设置为数据服务

Example image from my project