Flera hooks i Angular
Det går att ange flera hooks samtidigt. Låt oss se hur det görs med ett exempel på två redan inlärda hooks.
Importera två gränssnitt:
import { OnInit, OnDestroy } from '@angular/core';
Anslut dem till klassen:
export class UserComponent implements OnInit, OnDestroy {
}
Låt oss skriva våra två hooks:
export class UserComponent implements OnInit, OnDestroy {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
ngOnDestroy() {
console.log('onDestroy is applied');
}
}
Testa att båda hooks fungerar med ett reaktivt
villkor if.
Testa att båda hooks fungerar med en reaktiv loop.