Hook-ul ngOnInit în Angular

Hook-ul ngOnInit se declanșează la inițializarea componentei. Prin acțiune, este asemănător cu constructorul clasei, dar în el se pot efectua sarcini mai complexe, de exemplu, încărcarea datelor de la server.

Să vedem cum să utilizăm acest hook. Pentru început, trebuie să importăm interfața sa:

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

Apoi, trebuie să includem interfața în clasa componentei:

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

}

După aceasta, vom putea scrie în clasa componentei metoda ngOnInit și această metodă se va executa automat la inițializarea clasei. Să verificăm funcționarea ei:

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