• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

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

前端 开心洋葱 1932次浏览 0个评论

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‘.
错误2: Cannot find module ‘rxjs-compat/Observable‘.


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明Angular5 升级 Angular6后 Observable 代码变化总结
喜欢 (0)

您必须 登录 才能发表评论!

加载中……