如何避免重复创建具有相同信息angular8的动态组件

import { Component, ComponentFactoryResolver, ViewChild, ViewContainerRef } from '@angular/core';

@Component({
  selector: 'app-dynamic-component',
  template: `
    <ng-template #dynamicComponentContainer></ng-template>
  `,
})
export class DynamicComponent {
  @ViewChild('dynamicComponentContainer', { read: ViewContainerRef }) container: ViewContainerRef;
  componentCache: Map<string, any> = new Map();

  constructor(private componentFactoryResolver: ComponentFactoryResolver) {}

  createDynamicComponent(componentId: string, componentData: any) {
    // Check if component already exists in cache
    if (this.componentCache.has(componentId)) {
      const componentInstance = this.componentCache.get(componentId);
      // Update component data if needed
      // componentInstance.data = componentData;
      return;
    }

    // Create component dynamically
    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(MyDynamicComponent);
    const componentRef = this.container.createComponent(componentFactory);
    const componentInstance = componentRef.instance;

    // Set component data
    // componentInstance.data = componentData;

    // Cache the component instance
    this.componentCache.set(componentId, componentInstance);
  }
}