Angular5升级至Angular7

根据升级建议，应该先从Angular 5升级至Angular 6，再从Angular 6升级至Angular 7。 本文内容“升级前-升级”适用于想从Angular 5升级至Angular 6的小伙伴；本文内容“升级后”适用于想从Angular 6升级至Angular 7的小伙伴；ng –version可查看当前版本升级前1.HttpModule和Http Service 切换到 HttpClientModule和HttpClient Service如果项目中有用到HttpModule和Http Service，把它们切换到HttpClientModule和HttpClient Service。HttpClient有几个特性：不需要调用.json()来映射返回的数据到json格式，默认就是json格式支持拦截器具体可以参考：HttpClient2.如果有从@ angular / core导入任何动画服务或工具，则应从@ angular / animations导入它们3.ngOutletContext替换为ngTemplateOutletContext4.CollectionChangeRecord替换为IterableChangeRecord升级1.确保使用的是Node 8或更高版本2.升级Angular CLI（全局和本地）npm install -g @angular/clinpm install @angular/cling update @angular/cli可在每行后面加@你想要的版本号，例如：npm install -g @angular/cli@6.0.0，以升级至Angular6。3.迁移配置到当前版本的angular.jsonng update @angular/cli –migrate-only –from=1ps：Angular5以下的配置文件名是angular-cli.json4.升级Angular框架包到v6，以及升级RxJS和TypeScript。ng update @angular/core5.使用ng update查看更新情况如果仍有需要更新的内容，会显示当前版本号和最新版本号的对比。更新后使用rxjs-tslint自动更新规则删除已弃用的RxJS 6功能对于大多数应用程序，这将意味着运行以下两行命令：npm install -g rxjs-tslintrxjs-5-to-6-migrate -p src/tsconfig.app.json【参考资料】Angular官方升级指南刘敏的码经笔记：Angular 5升级到Angular 6