Angular5 升级 Angular6后 Observable 代码变化总结

rxjx@^6.0.0中的正确引用方法

import {Observable} from “rxjs/index” 和 import {Observable} from “rxjs”这两种引用都是正确的，但是在webStorm中的第二种方法会有错误信息的提示，但是可以正常编译，因为编译的时候对象会自动检索rxjs文件夹下的index.d.ts文件，但是webStorm在显示的时候不会去检索，rxjs只是一个文件夹。

old
import {Observable} from “rxjs/Observable”;
import “rxjs/add/Observable/fromEvent”;
import “rxjs/add/operator/map”;

new

import {Observable} from “rxjs/index”; //Observable
import {fromEvent} from “rxjs/index”; //静态方法
import { map } from “rxjs/operators”; //操作符

map使用方法变为：

this.myObservable().pipe(map(data=> {}))

多了 ：.pipe

如不更改会出现：

错误1：Property ‘map’ does not exist on type ‘Observable