在http get中捕获错误

时间:2016-12-05 11:49:10

标签: http angular

我试图进行http调用,如果有任何错误,请执行我的操作。

这是我的代码:

import { Injectable } from '@angular/core';

import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';

import 'rxjs/add/observable/throw';

// Operators
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/debounceTime';
import 'rxjs/add/operator/distinctUntilChanged';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/switchMap';
import 'rxjs/add/operator/toPromise';

@Injectable()
export class HttpCallService {

    constructor(private http: Http) { }

    getHeroes(): Observable<Hero[]> {
        console.log('entered');
        return this.http.get('Url')
            .map(this.extractData)
            .catch(this.handleError);
    }
    private extractData(res: Response) {
        console.log('extract entered');
        let body = res.json();
        return body.data || {};
    }
    private handleError(error: Response | any) {
        console.log('error entered');

        let errMsg: string;
        if (error instanceof Response) {
            const body = error.json() || '';
            const err = body.error || JSON.stringify(body);
            errMsg = `${error.status} - ${error.statusText || ''} ${err}`;
        } else {
            errMsg = error.message ? error.message : error.toString();
        }
        console.error(errMsg);
        return Observable.throw(errMsg);
    }

}

export class Hero {
    constructor(
        public id: Date,
        public author: string,
        public text: string
    ) { }
}

当我调用它时,它只登录在getHeroes中的控制台。我知道会有错误我没有有效的网址,但为什么它没有去抓?

1 个答案:

答案 0 :(得分:1)

您需要调用subscribe()方法来进行实际的HTTP调用。你的方法getHeroes()只是声明它会在有人订阅它时返回Observable。这就是为什么你只看到来自getHeroes()的日志 - extractData()和handleErrors()甚至都没有被调用。

您需要在代码中的某处执行getHeroes()。subscribe()。