在线程中调用WebAPI方法

Question

我有一个使用WebAPI的Angular7客户端应用程序。我想一次又一次地调用一个webAPI方法，并且希望在每次调用时在UI上显示该API方法调用的输出。

如果我使用while循环来执行此操作，则将无法连续显示，并且应用程序将挂起。因此决定使用线程来执行此操作，但是我不知道如何在TypeScript中实现线程。

Answer 1

您可以使用setInterval()反复调用该api，并使用clearInterval()停止该api。例如，

startTimer() {
  this.interval = setInterval(() => {
    this.http.get<WeatherForecast[]>('https://localhost:44360/api/SampleData/WeatherForecasts').subscribe(result => {
      //do things
    }, error => console.error(error));
}, 1000)//repeat every sceond

pauseTimer() {
    clearInterval(this.interval);
}

请参阅How to do a timer in Angular 5， Angular 6 - run method is service every 10 seconds