Неколку хукови во Angular

Можно е истовремено да се зададат неколку хукови. Ајде да погледнеме како се прави ова на пример од два веќе изучени хукови.

Импортираме два интерфејси:

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

Да ги поврземе со класата:

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

Да ги напишеме нашите два хука:

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

Проверете ја работата на двата хука на реактивно услови if.

Задание 2

Проверете ја работата на двата хука на реактивен циклус.