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:
import { OnInit } from '@angular/core';
Tālāk ir jāiekļauj interfeiss komponenta klasē:
export 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:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Izveidojiet privāto metodi show un izsauciet to pēc komponenta inicializācijas.
