angular - 在动态组件加载中导航时如何跟踪组件

Question

我们有 3 个基本导航，分别显示隐藏选项卡 View tab1、tab2、tab3。 除此之外，还有来自 sidenav 的导航。

每个选项卡都会动态加载组件，因此我们可以从一个组件导航到另一个组件。

其次，当从一个组件导航到另一个组件结束并且用户单击“完成”按钮时，它应该落在最初在 DOM 中打开的 tab1/tab2/tab3 上(即导航结束和当组件导航开始时，登陆 tab1/tab2/tab3 View 。

每当向后导航时，我们都无法加载前一个组件，因为每个组件由不同的组件使用，并且可能是不同导航流的一部分。

这里，路由不涉及组件加载到 View 中。

考虑到给定的场景，是否 Angular 方法来实现这一目标？

这里是 stackblitz 链接:

https://stackblitz.com/edit/angular-basic-starter-dfqnp3?file=src/app/app.component.ts

Answer 1

使用Angular router而不是创建/销毁组件。诸如 /home/tab1 /home/tab2 settings/tab1 之类的内容可以帮助用户掌握他们在应用程序中的位置。

我赞同安东尼斯关于国家管理的说法。根据您的应用程序的复杂性，我建议您使用像 NgRx 这样的库而不是管理数据的服务。