Viacero hookov v Angular
Je možné súčasne nastaviť viacero hookov. Pozrime sa, ako sa to robí na príklade dvoch už naučených hookov.
Importujeme dva interfacy:
app/user/user.component.tsimport { OnInit, OnDestroy } from '@angular/core';
Pripojíme ich k triede:
app/user/user.component.tsexport class UserComponent implements OnInit, OnDestroy {
}
Napíšeme naše dva hooky:
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
Skontrolujte činnosť oboch hookov na reaktívnej
podmienke if.
Задание 2
Skontrolujte činnosť oboch hookov na reaktívnom cykle.