Useita hookeja Angularissa
Voit määrittää useita hookeja samanaikaisesti. Katsotaan, kuinka se tehdään kahden jo opitun hookin esimerkillä.
Tuodaan kaksi rajapintaa:
import { OnInit, OnDestroy } from '@angular/core';
Liitetään ne luokkaan:
export class UserComponent implements OnInit, OnDestroy {
}
Kirjoitetaan kaksi hookiamme:
export class UserComponent implements OnInit, OnDestroy {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
ngOnDestroy() {
console.log('onDestroy is applied');
}
}
Tarkista molempien hookien toiminta reaktiivisella
ehdolla if.
Tarkista molempien hookien toiminta reaktiivisella silmukalla.
