Angular 5 升级至Angular 7

根据升级建议，应该先从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

2.如果有从@ angular / core导入任何动画服务或工具，则应从@ angular / animations导入它们

3.ngOutletContext替换为ngTemplateOutletContext

4.CollectionChangeRecord替换为IterableChangeRecord

升级

1.确保使用的是Node 8或更高版本

2.升级Angular CLI（全局和本地）

npm install -g @angular/cli

npm install @angular/cli

ng update @angular/cli

可在每行后面加@你想要的版本号，例如： npm install -g @angular/cli@6.0.0 ，以升级至Angular6。

3.迁移配置到当前版本的angular.json

ng update @angular/cli --migrate-only --from=1

ps：Angular5以下的配置文件名是angular-cli.json

4.升级Angular框架包到v6，以及升级RxJS和TypeScript。

ng update @angular/core

5.使用 ng update 查看更新情况

如果仍有需要更新的内容，会显示当前版本号和最新版本号的对比。