Angular创建同一组件的另一个实例，而不是更新现有实例

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

@Component({
  selector: 'app-parent-component',
  template: `
    <ng-template #container></ng-template>
    <button (click)="createComponent()">Create Component</button>
  `
})
export class ParentComponent {
  @ViewChild('container', { read: ViewContainerRef }) container: ViewContainerRef;

  constructor(private componentFactoryResolver: ComponentFactoryResolver) {}

  createComponent() {
    // 获取组件工厂对象
    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(ChildComponent);

    // 创建组件实例
    const componentRef = this.container.createComponent(componentFactory);
  }
}

<app-parent-component></app-parent-component>