在Angular中，可以通过以下步骤来通过单击按钮销毁动态组件：

1. 创建一个动态组件，例如 MyDynamicComponent。

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-dynamic-component',
  template: '
This is a dynamic component.
',
})
export class MyDynamicComponent {}

2. 在父组件中使用 ComponentFactoryResolver 来动态创建和销毁组件。

import { Component, ComponentFactoryResolver, ViewChild, ViewContainerRef } from '@angular/core';
import { MyDynamicComponent } from './my-dynamic-component';

@Component({
  selector: 'app-parent-component',
  template: `
    

    Destroy Component
  `,
})
export class ParentComponent {
  @ViewChild('container', { read: ViewContainerRef }) container: ViewContainerRef;

  constructor(private componentFactoryResolver: ComponentFactoryResolver) {}

  createComponent() {
    // 创建动态组件
    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(MyDynamicComponent);
    const componentRef = this.container.createComponent(componentFactory);

    // 可以对动态组件进行其他操作
    // componentRef.instance.property = value;
    // componentRef.instance.method();

    // 销毁动态组件
    componentRef.destroy();
  }
}

在上面的例子中，我们使用 ViewChild 来获取 ViewContainerRef 实例，并将其绑定到一个