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

简介: 从Angular5升级到Angular6, angular6相比较于angular5 总体变化不大,但是在RXJS上面却有一些变动,不得不说,虽然很讨厌break update但是RXJS6的新特性对于angular应用的优化是有很大一块空间的快速修复对于写了半年多的项目,模块已经很多了,所...

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

快速修复

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

npm install --save rxjs-compat

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

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

 

RXJS6的变化

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

Imports 方式改变

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

operator的改变

 

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

 

 pipeable observable

 

 被重新命名的API

 

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

作者:承蒙时光
出处:http://www.cnblogs.com/timetimetime/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

相关文章
angular5-angular特性简介
angular5-angular特性简介
116 0
angular5-angular特性简介
|
前端开发
Angular7 关于Bootstrap4.x.x版本无法使用Glyphicons 字体图标 简单解决方案
Angular7 关于Bootstrap4.x.x版本无法使用Glyphicons 字体图标 简单解决方案
115 0
Angular7 关于Bootstrap4.x.x版本无法使用Glyphicons 字体图标 简单解决方案
|
jenkins 持续交付 开发工具
Jenkins 结合 Angular 展示构建版本
刚好最近在巩固相关的知识内容,以 angular 为主,那么咱就来参与下活动,希望能够坚持下去,顺便拿点小奖励。
Jenkins 结合 Angular 展示构建版本
|
存储 JavaScript 前端开发
Angular 结合 Git Commit 版本处理
我们接下来用 Angular 实现下效果,React 和 Vue 同理。
Angular 结合 Git Commit 版本处理
如何安装 Angular CLI 并且检查 CLI 的版本
想在系统中安装 Angular CLI ,如何进行安装并且如何检查 CLI 的版本? 可以使用命令:npm install -g @angular/cli 进行安装。 使用命令 ng version 来查看 Angular 的 CLI 的版本
2340 0
升级到Angular6后对老版本的RXJS代码做相应的调整
还没有了解过RXJS6的童鞋,可以查看我的另外一篇博文,此篇博文主要是对于RXJS5升级到RXJS6的代码调整示例 RXJS5版本 在RXJS5上我们是这样写请求的 import 'rxjs/add/observable/of'; import 'rxjs/add/observable/thr...
1439 0
angular打包文件过大,4和5版本对比
angular4空项目打包ng build angular4空项目打包ng build -prod angular4空项目打包 ng build -prod -build-optimizer angular4...
1299 0