Angular 2 - 在服务中设置超时

Question

我想在我的 Angular 2 项目的服务中创建延迟以进行测试。更具体地说，我想要

this.myIatreioService.getIatreia()

延迟 1 秒。我的服务如下：

@Injectable()
export class IatreioService {
   private headers = new Headers();

   constructor(private http: Http) {
       let token = localStorage.getItem('token');
       if (token) {
         this.headers = new Headers({ 'Authorization': 'Bearer ' + token });
       }
   }

   getIatreia(): Observable<Iatreio[]> {
       return this.http
                  .get('http://localhost:3000/iatreia', { headers: this.headers })
                  .map(response => response.json() as Iatreio[]);
   }

} // end of Service

我试过实现 setTimeout 功能，但是没用：

getIatreia(): Observable<Iatreio[]> {
   setTimeout(() => {   
      return this.http
                 .get('http://localhost:3000/iatreia', { headers: this.headers })
                 .map(response => response.json() as Iatreio[]);
   }, 1000);
}

我的问题有解决方案吗？如果没有，我可以将 setTimeout() 放在 Component 或 Server 中吗？预先感谢您的帮助！

Answer 1

使用 httpClient，您可以执行以下操作：

myService() {
        return this.httpClient.get('http://.to.co/')
            .timeout(200, timeout)
            .map((data) => {
                return data;
            })
            .catch((error: Response) => {
                return (error);
            });
    }

Answer 2

您可以简单地使用delay operator:

return this.http
           .get('http://localhost:3000/iatreia', { headers: this.headers })
           .map(response => response.json() as Iatreio[])
           .delay(1000);

Answer 3

当您使用 Observable 时，请使用下面的超时运算符

return this.http
                 .get('http://localhost:3000/iatreia', { headers: this.headers })
                 .map(response => response.json() as Iatreio[])
                 .timeout(200, 'Timeout has occurred.');

注意：指定的时间以毫秒

为单位