Hooken ngOnInit i Angular

Hooken ngOnInit utlöses när komponenten initialiseras. Den liknar konstruktorn för en klass i funktion, men här kan man utföra mer komplexa uppgifter, till exempel att hämta data från en server.

Låt oss titta på hur man använder den här hooken. Först behöver du importera dess gränssnitt:

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

Därefter måste du inkludera gränssnittet i komponentklassen:

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

}

Efter det kan vi skriva metoden ngOnInit i komponentklassen och denna metod kommer automatiskt att köras när klassen initialiseras. Låt oss kontrollera hur den fungerar:

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