Utilizzare DoCheck in Angular

Mattepuffo's logo
Utilizzare DoCheck in Angular

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!


Condividi

Commentami!