clearInterval() 在 Angular 5 应用程序中不起作用

Question

setInterval() 对我来说工作正常并且计时器启动，但是当计数器值达到 100 时 clearInterval() 不会停止计时器。它连续运行。任何帮助表示赞赏。

以下是我的组件代码 -

export class AppComponent {
  counter=0;
  progressInterval;

  ngOnInit(){
    this.progressInterval=setInterval(()=>{
      this.counter=this.counter+10;
      if(this.counter>=100){        
          clearInterval(this.progressInterval);
      }
    },200);
  }
}

下面是我的组件 HTML 代码 -

<p style="margin:20px;">
    <ngb-progressbar
      type="warning"
      [value]="counter"
      [striped]="true"
      [animated]="true"
    >{{counter}}</ngb-progressbar>
  </p>

这是显示进度条的屏幕截图 -

截屏

谢谢

Answer 1

问题已为我解决。我忘了从“计时器”模块导入“clearInterval”。现在我像下面这样更新，现在可以工作了。

import { 
  setInterval,
  clearInterval
} from 'timers';

感谢大家在这方面帮助我。

谢谢