更新到Angular6後對老版本的RXJS代碼做相應的調整

還沒有了解過RXJS6的童鞋，可以檢視我的另外一篇博文，此篇博文主要是對于RXJS5更新到RXJS6的代碼調整示例

RXJS5版本

在RXJS5上我們是這樣寫請求的

import 'rxjs/add/observable/of';
import 'rxjs/add/observable/throw';
import 'rxjs/add/observable/map';
import 'rxjs/add/observable/mergemap';      

this.http
    .get<{id: number; userId: number; title: string; body: string}[]>(
        'http://...........'
    )
    .map(data => {
            return ......;
    })
    .catch(error => {
        .....
    })
    .subscrible(...)      

RXJS6對應修改為：

import {HttpClient} from '@angular/common/http';
import {Observable, of, throeError} from 'rxjs';
import {map, catchError} from 'rxjs';      

this.http
    .get<{id: number; userId: number; title: string; body: string}[]>(
        'http://...........'
    )
    .pipe(
        map(data => {
            return ......;
        }),
        catchError(error => {
            return throwError('.....');
        })
    )
    .subscrible(...)      

作者：

承蒙時光

出處：

http://www.cnblogs.com/timetimetime/

本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接配接，否則保留追究法律責任的權利。