Angular 4 - 超時請求

Question

我想每隔1秒發一次請求，但超時不起作用。

matchlist.service.ts

import 'rxjs/add/operator/toPromise'; 
import 'rxjs/add/operator/timeout'; 

getMatch(matchId: number): Promise<Match[]> { 
    let matchUrl: string = 'https://br1.api.riotgames.com/lol/match/v3/matches/'+ matchId +'?api_key='; 

    return this.http.get(matchUrl)  
     .timeout(1000)     
     .toPromise() 
     .then(response => response.json().participants as Match[]); 

}; 

matchlist.component.ts

self.matchlist.forEach(function(matches){     
      self.MatchlistService.getMatch(matches.matchId) 
       .then((match: Match[]) => { 
        self.match = match; 
        return self.match; 
       }).catch(
        err => console.log(err) 
       );       
     }); 

Answer 1

使用debounceTime操作如下

getMatch(matchId: number): Promise<Match[]> { 
    let matchUrl: string = 'https://br1.api.riotgames.com/lol/match/v3/matches/'+ matchId +'?api_key='; 

    return this.http.get(matchUrl)  
     .debounceTime(1000)     
     .toPromise() 
     .then(response => response.json().participants as Match[]); 

Answer 2

超時是判定事件養超時錯誤在特定時間段內不發射。你可能想Observable.interval：

return 
    Observable.interval(1000).mergeMap(t=> this.http.get(matchUrl)) 
    .toPromise() 
    .then(response => response.json().participants as Match[]); 

如果你想要序列化的要求，使其運行其他1秒後

，使用concatMap代替。

return 
    Observable.interval(1000).concatMap(t=> this.http.get(matchUrl)) 
    .toPromise() 
    .then(response => response.json().participants as Match[]);