组件卸载阶段

1. ngOnDestroy

   组件被移除或者卸载的时候调用。组件卸载后，组件的模板也会被移除。

xxxxxxxxxx
//app.component.ts
@Component({
  selector: 'app-root',
  template: `
  <button (click)="toggle()">切换</button>
  <app-lifecycle *ngIf="display"></app-lifecycle>
  `,
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  display: boolean = true
  constructor() {}
  toggle() {
    this.display = !this.display
  }

}

xxxxxxxxxx
//lifecycle.component.ts
export class LifecycleComponent implements OnInit,OnDestroy {

  constructor() { }

  ngOnInit(): void {
    console.log('ngOnInit')
  }
  ngOnDestroy(): void {
    console.log('ngOnDestroy')
  }

}

实时效果反馈

1.下列描述错误的是：

A ngOnDestroy在组件初始化时调用

B ngOnDestroy在生命周期中只调用一次

答案

1=>A