Disa Hooks në Angular

Është e mundur të vendosni njëkohësisht disa hooks. Le të shohim se si bëhet kjo në shembullin e dy hooks-ve të studiuar tashmë.

Le të importojmë dy ndërfaqe:

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

Le t'i implementojmë ato në klasë:

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

Le të shkruajmë dy hooks-të tanë:

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

Kontrolloni funksionimin e të dy hooks-ve në një kusht reaktiv if.

Задание 2

Kontrolloni funksionimin e të dy hooks-ve në një cikël reaktiv.