Angular 8，Ionic 4 - 多个路由到同一组件的问题

Posted 2023-02-23

【中文标题】Angular 8，Ionic 4 - 多个路由到同一组件的问题

【英文标题】：Angular 8, Ionic 4 - Problem with multiple routes to same component

【发布时间】：2020-06-22 07:50:50

【问题描述】：

应用程序的结构是有一个单一的视图 (DynamicViewComponent)，它将在不同的路由上保存不同的 contentBlocks。

所以我遇到的问题是，当从一条路线导航到另一条路线时，DynamicViewComponent 的先前实例不会被破坏。应用程序开始为每个导航操作构建节点和侦听器。 DynamicViewComponent 中的方法触发的次数与完成导航点击次数一样多。

我已尝试清除 ViewContainerRef，但这只会清除 DOM 中的内容，而不是之前路由中实际缓存的实例。

【参考方案1】：

您需要使用角度路由器，在您的DynamicViewComponent 中，您应该有一个<router-outlet>，其中将放置不同的内容块，并且在路由中声明DynamicViewComponent 作为主路径path: ''