Beberapa Hook dalam Angular
Kita dapat menentukan beberapa hook secara bersamaan. Mari kita lihat bagaimana hal ini dilakukan pada contoh dua hook yang telah dipelajari.
Impor dua antarmuka:
import { OnInit, OnDestroy } from '@angular/core';
Sambungkan mereka ke kelas:
export class UserComponent implements OnInit, OnDestroy {
}
Tuliskan dua hook kita:
export class UserComponent implements OnInit, OnDestroy {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
ngOnDestroy() {
console.log('onDestroy is applied');
}
}
Periksa kerja kedua hook pada kondisi reaktif if.
Periksa kerja kedua hook pada loop reaktif.
