Неколико хукова у 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
Проверите рад оба хука на реактивној петљи.