Angular даги ngOnInit хук

ngOnInit хуки компонент инициализацияланганда ишга тушади. У амал жиҳатидан синф конструкторига ўхшайди, лекин унда сервердан маълумотларни юклаш каби мураккаброк вазифаларни бажариш мумкин.

Келгила, ушбу хукдан қандай фойдаланишни кўриб чиқайлик. Аввало унинг интерфейсини импорт қилиш керак:

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

Кейинчалик интерфейсни компонент синфига киритиш керак:

export class UserComponent implements OnInit {

}

Шундан сўнг биз компонент синфида ngOnInit методини ёза оламиз ва бу метод синф инициализацияланганда автоматник равишда бажарилади. Унинг ишлашини текширамиз:

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

show хусусий методини яратинг ва уни компонент инициализацияланганда чақиринг.