Múltiples hooks en Angular

Es posible definir múltiples hooks simultáneamente. Veamos cómo se hace esto usando como ejemplo dos hooks que ya hemos estudiado.

Importemos dos interfaces:

app/user/user.component.tsimport { OnInit, OnDestroy } from '@angular/core';

Conectémoslas a la clase:

app/user/user.component.tsexport class UserComponent implements OnInit, OnDestroy {
  
}

Escribamos nuestros dos hooks:

app/user/user.component.tsexport class UserComponent implements OnInit, OnDestroy {
  constructor() {
    console.log('constructor is started');
  }
  
  ngOnInit() {
    console.log('onInit is applied');
  }
  
  ngOnDestroy() {
    console.log('onDestroy is applied');
  }
}
Задание 1

Compruebe el funcionamiento de ambos hooks en una condición reactiva if.

Задание 2

Compruebe el funcionamiento de ambos hooks en un ciclo reactivo.