Πολλά Hooks στο Angular

Μπορούμε να ορίσουμε ταυτόχρονα πολλά hooks. Ας δούμε πώς γίνεται αυτό με το παράδειγμα δύο hooks που έχουμε ήδη μελετήσει.

Εισάγουμε δύο διεπαφές:

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

Ας τις συνδέσουμε με την κλάση:

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

Ας γράψουμε τα δύο hooks μας:

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');
  }
}