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

Question

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

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

其次，当从一个组件到另一个组件的导航结束并且用户单击Done按钮时，它应该降落在最初在 DOM 中打开的 tab1/tab2/tab3 上（即导航结束并降落在 tab1/tab2/tab3 视图上），当组件导航开始。

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

在这里，路由不仅仅涉及将组件加载到视图中。

考虑到给定的场景，是否有角度的方法来实现这一点？

这是stackblitz链接：

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

标签： angularangular-dynamic-components

Answer 1

使用Angular 路由器而不是创建/销毁组件。类似的东西/home/tab1 /home/tab2 settings/tab1可以帮助用户掌握他们在应用程序中的位置。

我赞同安东尼斯所说的有关状态管理的内容。根据您的应用程序的复杂性，我建议您使用NgRx 之类的库而不是服务来管理您的数据。