Hook-ul ngOnInit în Angular
Hook-ul ngOnInit se declanșează la
inițializarea componentei. Prin acțiune, este
asemănător cu constructorul clasei, dar în el se pot
efectua sarcini mai complexe, de exemplu,
încărcarea datelor de la server.
Să vedem cum să utilizăm acest hook. Pentru început, trebuie să importăm interfața sa:
import { OnInit } from '@angular/core';
Apoi, trebuie să includem interfața în clasa componentei:
export class UserComponent implements OnInit {
}
După aceasta, vom putea scrie în clasa
componentei metoda ngOnInit și această
metodă se va executa automat la
inițializarea clasei. Să verificăm funcționarea ei:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Creați o metodă privată show și
apelați-o la inițializarea componentei.
