Code Block:

import { Component } from '@angular/core';

@Component({
  selector: 'app-async-demo',
  template: `
    <h1>Counter: {{ counter }}</h1>
    <button (click)="incrementAsync()">Increment Async</button>
  `
})
export class AsyncDemoComponent {
  counter = 0;

  incrementAsync() {
    // Change inside setTimeout
    setTimeout(() => {
      this.counter++; // View may NOT update
      console.log('Counter updated:', this.counter);
    }, 1000);
  }
}