Huku ngOnInit në Angular
Huku ngOnInit aktivizohet gjatë
inicializimit të komponentit. Në veprim ai
është i ngjashëm me konstruktorin e klasës,
por në të mund të kryhen detyra më komplekse,
për shembull, ngarkimi i të dhënave nga serveri.
Le të shohim se si të përdorim këtë huk. Së pari duhet të importohet interfejsi i tij:
import { OnInit } from '@angular/core';
Më pas duhet të përfshihet interfejsi në klasën e komponentit:
export class UserComponent implements OnInit {
}
Pas kësaj ne do të jemi në gjendje të shkruajmë në klasën
e komponentit metodën ngOnInit dhe kjo
metodë do të ekzekutohet automatikisht gjatë
inicializimit të klasës. Le të kontrollojmë funksionimin e saj:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Krijoni një metodë private show dhe
thirreni atë pas inicializimit të komponentit.