代码之家 › 专栏 › 技术社区 › AbhiRam

http.get()方法在角度上不起作用

angular-httpclient angular

AbhiRam · 技术社区 · 6 年前

我的目的是在Angular中使用REST Web服务,现在我正在进行一些测试。下面的代码不工作,将进入错误块。你能帮我找出问题所在吗?事先谢谢。

 interface UserResponse {
     login: string;
     bio: string;
     company: string;
   }

    constructor(public http: HttpClient) {
        this.http.get<UserResponse>('https://api.github.com/users/seeschweiler')
        .pipe( tap(heroes =>{
             alert()
             }),
          catchError(this.handleError('getHeroes', []))
        );
      }

      private handleError<T> (operation = 'operation', result?: T) {
           alert()
      return (error: any): Observable<T> => {
        // TODO: send the error to remote logging infrastructure
        console.error(error); // log to console instead

        // TODO: better job of transforming error for user consumption
        console.log(`${operation} failed: ${error.message}`);

        // Let the app keep running by returning an empty result.
        return of(result as T);
      };
    }

3 回复 | 直到 6 年前

Antoniossss 6 年前

HttpClient#get() 提供所谓的“冷观测”。这意味着,它不会执行引擎盖下的任何操作,直到有一个可观测的订户。此外,多个订阅(默认情况下)将导致进行多个请求(除非您以特定的“共享”方式进行管道传输)

所以:

    this.http.get<UserResponse>('https://api.github.com/users/seeschweiler')
    .pipe( tap(heroes =>{
         alert()
         }),
      catchError(this.handleError('getHeroes', []))
    ).subscribe(result=>console.log(result));

会提出你的要求。

请仔细阅读并理解你正在经历的教程(英雄之旅),因为这些方面在那里有合理的细节解释。

Amit Kumar Saha 6 年前

当它返回Observable时,您需要订阅该值。这是解决方案和结果。

this.http.get<any>('https://api.github.com/users/seeschweiler').subscribe( x => console.log(x));

控制台中的结果 Result :

Oleksandr Martyniuk 6 年前

您需要订阅Observable来启动它:

....
constructor(public http: HttpClient) {
    this.http.get<UserResponse>('https://api.github.com/users/seeschweiler')
    .catch(this.handleError('getHeroes', [])))
    .subscribe(response => console.log(response));
  }
  ....

或者,如果你想的话,你仍然可以使用pipe,但是你仍然需要订阅

    constructor(public http: HttpClient) {
    this.http.get<UserResponse>('https://api.github.com/users/seeschweiler')
    .pipe(
        tap(response => { 
            console.log(response); 
            /* process your data */ 
            return response;}),
        catchError(this.handleError('getHeroes', [])),
        )
    .subscribe(processingResult => /* handle processed response */);
  }

推荐文章

Tarmo · 无法将Angular5 HttpClient响应映射到我的typescript类

6 年前

user8743396 · 从不同功能取消订阅多个订阅

6 年前

Tavish Aggarwal · 刷新angular 5中的访问令牌时出现问题

7 年前

goat · 角度http侦听器-中止响应

7 年前

JNYRanger · Setters和getter使用Angular的HttpClient“映射”另一个返回未定义属性

7 年前

DESH · 如何在Angular 5中使用返回值/秒?

7 年前

hxdef · 角度4如何在分解器中返回多个观察值

7 年前

D.B · 从HttpModule迁移到HttpClientModule。角度5

7 年前

Niral Munjariya · 无法使用Angular 5应用程序从启用CORS的API获取响应

7 年前

Raymond Holguin · 无法通过HttpInterceptor通过服务推送数据

7 年前