Хук ngOnInit у Angular

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