Неколико хукова у 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.

Проверите рад оба хука на реактивној петљи.