angular怎么主动销毁组件

在 Angular 中，可以使用以下方法主动销毁组件：

1. 使用 ViewChild 获取到组件实例，然后调用组件实例的 ngOnDestroy 方法进行销毁。

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

@Component({
  selector: 'app-root',
  template: '<my-component></my-component>'
})
export class AppComponent {
  @ViewChild(MyComponent) myComponent: MyComponent;

  ngOnDestroy() {
    this.myComponent.ngOnDestroy();
  }
}

2. 在组件中实现 OnDestroy 接口，并在 ngOnDestroy 方法中释放资源。

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

@Component({
  selector: 'app-my-component',
  template: 'My Component'
})
export class MyComponent implements OnDestroy {
  ngOnDestroy() {
    // 释放资源
  }
}

3. 使用 ngIf 指令将组件从 DOM 树中移除，这样 Angular 会自动调用组件的 ngOnDestroy 方法。

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

@Component({
  selector: 'app-root',
  template: `<div *ngIf="showComponent"><my-component></my-component></div>`
})
export class AppComponent {
  showComponent = true;

  ngOnDestroy() {
    this.showComponent = false;
  }
}

以上是三种常见的方式，可以在不需要使用组件时进行销毁。