Die ngOnInit-hook in Angular
Die ngOnInit-hook aktiveer tydens die
inisialisering van die komponent. In werking is dit
soortgelyk aan 'n klas se konstruktor, maar daarin kan
meer komplekse take uitgevoer word, byvoorbeeld,
die laai van data vanaf 'n bediener.
Kom ons kyk hoe om hierdie hook te gebruik. Eerstens moet die se koppelvlak ingevoer word:
import { OnInit } from '@angular/core';
Vervolgens moet die koppelvlak by die komponent se klas ingesluit word:
export class UserComponent implements OnInit {
}
Hierna sal ons die ngOnInit-metode in die
komponentklas kan skryf en hierdie metode sal
outomaties uitgevoer word tydens die inisialisering
van die klas. Laat ons sy werking toets:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Skep 'n private metode show en
roep dit op tydens die inisialisering van die komponent.
