关于Angular6 Angular7版本升级和RXJS6新特性的讲解

发布于 1周前 作者 vueper 最后一次编辑是 5天前 来自 分享

RXJS官方文档: https://www.npmjs.com/package/rxjs-compat

从Angular5升级到Angular6, angular6相比较于angular5 总体变化不大,但是在RXJS上面却有一些变动,下面给大家讲讲关于Angular6版本升级和RXJS6新特性的讲解

angular6 Angular7中使用以前的rxjs

对于写了半年多的项目,模块已经很多了,所以不可能在升级到angular6后马上更新所有代码关于RXJS6的新特性,所以官方给出了一个可以暂时延缓我们不需要修改rsjx代码的办法。

npm install --save rxjs-compat

优点: 暂时不用改代码,可以一点点地改,直到改完后吧这个包卸掉

缺点: 对于rxjs6的rename的operator无效,所以,如果有用到rename的API,必须手动修改

Angular6 以后 RXJS6的变化

RXJS6改变了包的结构,主要变化在 import方式和operator 上面以及使用pipe()

Imports 方式改变 1.png

从rxjs中类似像导入observable subject 等的不再进一步导入,而是止于rxjs, rxjs6在包的结构上进行了改变

operator的改变 2.png

总而言之: 类似于创建之类的用的API都是从rxjs引入的,类似于map 之类的操作都是从rxjs/operators引入的

3.png

pipeable observable

4.png

被重新命名的API

5.png


1 回复

这个不错

回到顶部