Utilizzare DoCheck in Angular
DoCheck, o ngDoCheck, è un hook presente in Angular che intercetta e "risponde" a dei cambiamenti sulle proprietà di input o su qualsiasi cambiamento che modifica lo stato del componente.
Viene chiamato ogni volta che viene intercettato un cambiamento.
Come al solito è meglio fare un esempio, anche basico:
import {Component, DoCheck, OnInit} from '@angular/core';
import {RouterOutlet} from '@angular/router';
@Component({
selector: 'app-root',
standalone: true,
imports: [RouterOutlet],
templateUrl: './app.component.html',
styleUrl: './app.component.css'
})
export class AppComponent implements OnInit, DoCheck {
counter: number = 0;
ngOnInit() {
setInterval(() => {
this.counter++;
}, 1000);
}
ngDoCheck() {
console.log('ngDoCheck');
}
}
Nella nostra pagina:
<div>{{ counter }}</div>
Enjoy!
javascript typescript angular docheck ngdocheck
Commentami!