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

从Angular5升级到Angular6, angular6相比较于angular5
整体变化不大,可是在RXJS上面却有一些变更,不得不说,虽然很讨厌break
update可是RXJS6的新特性对于angular应用的优化是有很大一块空间的

快速修复

对于写了半年多的项目,模块已经不少了,因此不可能在升级到angular6后立刻更新全部代码关于RXJS6的新特性,因此官方给出了一个能够暂时延缓咱们不须要修改rsjx代码的办法npm

npm install --save rxjs-compat

优势: 暂时不用改代码,能够一点点地改,直到改完后吧这个包卸掉优化

缺点: 对于rxjs6的rename的operator无效,因此,若是有用到rename的API,必须手动修改spa

RXJS6的变化

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

Imports 方式改变blog

799290-20180605152310883-2034617778.png

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

operator的改变ip

799290-20180605153010806-1527170947.png

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

799290-20180605153211837-58593593.png

pipeable observableit

799290-20180605153632956-557611347.png

被从新命名的APIpip

799290-20180605154046452-773728711.png

关于更新到RXJS6老代码要怎么更新的后续会专门写一篇class

相关文章
相关标签/搜索