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:
import { OnInit } from '@angular/core';
Därefter måste du inkludera gränssnittet i komponentklassen:
export 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:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
Skapa en privat metod show och
anropa den när komponenten initialiseras.