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 да текшириб кўринг.

Иккала хуқнинг ишлашини реактив циклда текшириб кўринг.