Несколько хуков в Angular
Можно одновременно задавать несколько хуков. Давайте посмотрим, как это делается на примере двух уже изученных хуков.
Импортируем два интерфейса:
import { OnInit, OnDestroy } from '@angular/core';
Подключим их к классу:
export class UserComponent implements OnInit, OnDestroy {
}
Напишем два наших хука:
export class UserComponent implements OnInit, OnDestroy {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
ngOnDestroy() {
console.log('onDestroy is applied');
}
}
Проверьте работу обоих хуков
на реактивном условии if.
Проверьте работу обоих хуков на реактивном цикле.