在Angular 2中，可以使用ApplicationRef来手动销毁通过ComponentRef创建的组件，即使这些组件附加到了body上。

首先，在组件中获取ApplicationRef的实例。可以通过依赖注入将其注入到组件的构造函数中。

import { Component, OnInit, ApplicationRef } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: '
My Component
'
})
export class MyComponent implements OnInit {

  constructor(private appRef: ApplicationRef) { }

  ngOnInit() {
  }

  destroyComponent() {
    // 销毁组件
    this.appRef.detachView(this.componentRef.hostView);
    this.componentRef.destroy();
  }

}

在组件中，使用detachView方法将组件的视图从ApplicationRef中分离，然后使用destroy方法销毁组件。

然后，在主组件中，可以使用ComponentFactoryResolver来动态创建组件，并将其附加到body上。

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

@Component({
  selector: 'app-root',
  template: 'Create Component',
})
export class AppComponent {
  constructor(private resolver: ComponentFactoryResolver, private container: ViewContainerRef) { }

  createComponent() {
    // 创建组件工厂
    const factory = this.resolver.resolveComponentFactory(MyComponent);
    // 创建组件实例
    const componentRef = this.container.createComponent(factory);

    // 将组件附加到body上
    document.body.appendChild(componentRef.location.nativeElement);

    // 在销毁组件之前保存ComponentRef的引用
    // 并传递给组件，以便在需要时销毁组件
    componentRef.instance.componentRef = componentRef;
  }
}

在主组件中，使用ComponentFactoryResolver来创建组件工厂。然后，使用createComponent方法创建组件实例，并通过appendChild方法将其附加到body上。最后，将ComponentRef的引用传递给组件，以便在需要时销毁组件。

这样，即使组件附加到了body上，也可以通过ComponentRef销毁它。在组件中调用destroyComponent方法即可销毁组件。

Destroy Component