在呈现Angular9中的动态组件时，如何在Domportaloutlet中重复使用组件？

Question

在我的角度应用中，我必须根据不同情况渲染动态组件。因此，每当将新组件附加到 domportalutlet 实例上时，其工作正常。对于不同的情况，将呈现不同的组件。这也有效。 但是，如果再次到达相同的情况，我必须在同一门户实例中重复使用该组件的先前状态的相同组件。所有组件的目标元素相同。因此，需要在同一目标元素中渲染组件。

在html中，

<div #target></div>

在组件 .ts 文件中，

@ViewChild('target', {static: true}) targetElement: ElementRef;

此targetElement传递给处理动态组件渲染的服务。

在服务中，

private portalOutlet: DomPortalOutlet;

// in constructor,

constructor(
    private componentFactoryResolver: ComponentFactoryResolver,
    private injector: Injector,
    private appRef: ApplicationRef,
) { }



public load(container: Element) {
    this.portalOutlet = new DomPortalOutlet(
      container, this.componentFactoryResolver, this.appRef, this.injector);

    const portal = new ComponentPortal(this.getComponent());
    this.portalOutlet.attachComponentPortal(portal);
}

public getComponent() {
   // returns component based on situation
}
// also handled detaching DomPortalOutlet instance on main component destroy. 
// ... other stuffs
// ...

此load方法是从主组件中调用的，其中this.targetelement.nativeElement传递。

例如，假设sitation a，dynamiccomponenta是渲染的。 dynamicComponenta的状态和视图将被更改。现在，sitation b发生，因此在这种情况下，dynamiccomponentb在相同的 domportaloutlet 实例中渲染。到目前为止没问题。现在，如果站点A再次发生，则我必须呈现dynamicComponenta具有与之前呈现时相同的状态和视图。如果再次加载dynamiccomponenta，我想坚持状态和视图。

我可以实现这个吗？如果是，那么该怎么做？还是其他方法可以实现这一目标？

角版：〜9