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:

app/user/user.component.tsimport { OnInit } from '@angular/core';

Më pas duhet të përfshihet interfejsi në klasën e komponentit:

app/user/user.component.tsexport 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:

app/user/user.component.tsexport class UserComponent implements OnInit {
  constructor() {
    console.log('constructor is started');
  }
  ngOnInit() {
    console.log('onInit is applied');
  }
}