Meerdere hooks in Angular

Het is mogelijk om meerdere hooks gelijktijdig in te stellen. Laten we kijken hoe dit wordt gedaan aan de hand van twee reeds bestudeerde hooks.

We importeren twee interfaces:

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

We verbinden ze met de class:

app/user/user.component.tsexport class UserComponent implements OnInit, OnDestroy {
  
}

Laten we onze twee hooks schrijven:

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