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');
  }
}