Angular ngOnInit kabliukas

Kabliukas ngOnInit suveikia inicializuojant komponentą. Veikimu jis panašus į klasės konstruktorių, tačiau jame galima atlikti sudėtingesnes užduotis, pavyzdžiui, duomenų įkėlimą iš serverio.

Pažiūrėkime, kaip naudotis šiuo kabliuku. Pirmiausia reikia importuoti jo interfeisą:

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

Toliau reikia įtraukti interfeisą į komponento klasę:

app/user/user.component.tsexport class UserComponent implements OnInit {

}

Po to mes galėsime parašyti komponento klasėje metodą ngOnInit ir šis metodas automatiškai vyks inicializuojant klasę. Patikrinkime jo veikimą:

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