路由到另一个组件时避免破坏组件实例

时间:2019-11-12 02:24:58

标签: angular angular-ui-router

我有一个由2个组件组成的Angular应用程序。最主要的是一个图,它从json文件中绘制数据。每5s间隔绘制一个新点。

我的问题是,当我路由显示第二个组件然后返回到主要组件时,所有已绘制的数据都将被清除,并且该组件将从头开始。

我已经在互联网上进行了研究,但没有明确的答案。基本上,我希望避免在布线时破坏主要组件,因此即使该组件当前未显示,它也可以继续绘制点(或至少具有相同的先前数量)。

有可能吗?

1 个答案:

答案 0 :(得分:1)

您应该创建自己的实现RouteReuseStrategy的类。例如,您可以看看AppRouteReuseStrategy

请注意,该类需要在app.module.ts中注册为提供者。

providers: [
    { provide: RouteReuseStrategy, useClass: AppRouteReuseStrategy },