升级到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/

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。