将应用程序更新到 Angular 7 后如何更改 HttpClient 代码 [英] How to change HttpClient code after update app to Angular 7

问题描述

我将 Angular 更新到了我的应用程序中的第 7 版，更新后我必须稍微更改我的代码，但我不知道该怎么做.

I updated Angular to version 7 into my app and I have to change my code a little bit after update but I'm not sure how to do it.

这是要更改的代码示例(在以前的 Angular 版本中):

This is example of code to change (in previous version of Angular):

get(): Observable<MyResponseClass | null> {
    let url_ = some_url;

    let options_: any = {
        method: "get",
        headers: new Headers({
            "Content-Type": "application/json",
            "Accept": "application/json"
        })
    };

    return this.http.request(url_, options_).flatMap((response_: any) => {
        return this.getResponse(response_);
    }).catch((response_: any) => {
        if (response_ instanceof Response) {
            try {
                return this.getResponse(<any>response_);
            } catch (e) {
                return <Observable<MyResponseClass | null>><any>Observable.throw(e);
            }
        } else
            return <Observable<MyResponseClass | null>><any>Observable.throw(response_);
    });
}

对于这个问题，getResponse 和 MyResponseClass 是什么并不重要，所以我将跳过解释.

For this question it doesn't matter what getResponse and MyResponseClass they are, so I'll skip to explain that.

好的，因此第一步是将 .flatMap 更改为 .pipe() 和 map() :

Ok, so the first step is changing .flatMap to .pipe() and map() because of that:

Observable