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:

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

Conectémoslas a la clase:

export class UserComponent implements OnInit, OnDestroy {
	
}

Escribamos nuestros dos hooks:

export class UserComponent implements OnInit, OnDestroy {
	constructor() {
		console.log('constructor is started');
	}
	
	ngOnInit() {
		console.log('onInit is applied');
	}
	
	ngOnDestroy() {
		console.log('onDestroy is applied');
	}
}

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

Compruebe el funcionamiento de ambos hooks en un ciclo reactivo.