Angularin ngOnInit-koukku
ngOnInit-koukku laukeaa
komponentin alustuksen yhteydessä. Toiminnoltaan se
muistuttaa luokan konstruktoria, mutta siinä voidaan
suorittaa monimutkaisempia tehtäviä, kuten
tietojen lataamista palvelimelta.
Katsotaan, kuinka tätä koukku käytetään. Aluksi sen rajapinta on tuotava:
import { OnInit } from '@angular/core';
Seuraavaksi rajapinta on lisättävä komponentin luokkaan:
export class UserComponent implements OnInit {
}
Tämän jälkeen voimme kirjoittaa komponentin luokkaan
metodin ngOnInit, ja tämä
metodi suoritetaan automaattisesti luokan
alustuksen yhteydessä. Tarkastetaan sen toiminta:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Tee yksityinen metodi show ja
käynnistä se komponentin alustuksen yhteydessä.
