为每个ngFor项目设置唯一的计时器

// 组件类
export class ExampleComponent {
  projects: any[] = [
    { id: 1, name: 'Project 1' },
    { id: 2, name: 'Project 2' },
    { id: 3, name: 'Project 3' }
  ];
  
  timers: any = {};

  startTimer(identifier: any) {
    this.timers[identifier] = 0;

    this.timers[identifier] = setInterval(() => {
      this.timers[identifier]++;
    }, 1000);
  }

  stopTimer(identifier: any) {
    clearInterval(this.timers[identifier]);
    delete this.timers[identifier];
  }
}

<!-- 模板 -->
<div *ngFor="let project of projects; let i = index">
  <h4>{{ project.name }}</h4>
  <p>Timer: {{ timers[i] || 0 }} seconds</p>
  <button (click)="startTimer(i)">Start Timer</button>
  <button (click)="stopTimer(i)">Stop Timer</button>
</div>