Angular даги ngOnInit хук

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

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

app/user/user.component.tsimport { OnInit } from '@angular/core';

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

app/user/user.component.tsexport class UserComponent implements OnInit {

}

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

app/user/user.component.tsexport class UserComponent implements OnInit {
  constructor() {
    console.log('constructor is started');
  }
  ngOnInit() {
    console.log('onInit is applied');
  }
}