Flera hooks i Angular

Det går att ange flera hooks samtidigt. Låt oss se hur det görs med ett exempel på två redan inlärda hooks.

Importera två gränssnitt:

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

Anslut dem till klassen:

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

Låt oss skriva våra två 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');
  }
}
Задание 1

Testa att båda hooks fungerar med ett reaktivt villkor if.

Задание 2

Testa att båda hooks fungerar med en reaktiv loop.