Несколько хуков в Angular

Можно одновременно задавать несколько хуков. Давайте посмотрим, как это делается на примере двух уже изученных хуков.

Импортируем два интерфейса:

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

Подключим их к классу:

export class UserComponent implements OnInit, OnDestroy {
	
}

Напишем два наших хука:

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

Проверьте работу обоих хуков на реактивном условии if.

Проверьте работу обоих хуков на реактивном цикле.

← →

↑