ngOnInit Hooks Angular

Hooks ngOnInit tiek aktivizēts komponenta inicializācijas brīdī. Pēc darbības tas ir līdzīgs klases konstruktoram, bet tajā var veikt sarežģītākus uzdevumus, piemēram, datu ielādi no servera.

Paskatīsimies, kā izmantot šo hook. Vispirms ir nepieciešams importēt tā interfeisu:

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

Tālāk ir jāiekļauj interfeiss komponenta klasē:

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

}

Pēc tam mēs varam komponenta klasē uzrakstīt metodi ngOnInit, un šī metode tiks automātiski izpildīta, kad notiek klases inicializācija. Pārbaudīsim tās darbību:

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