Angular 5 升级至Angular 7

栏目: JavaScript · 发布时间: 7年前

内容简介:本文内容“升级前-升级”适用于想从Angular 5升级至Angular 6的小伙伴;本文内容“升级后”适用于想从Angular 6升级至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

如果项目中有用到HttpModule和Http Service,把它们切换到HttpClientModule和HttpClient Service。

HttpClient有几个特性:

  • 不需要调用.json()来映射返回的数据到json格式,默认就是json格式
  • 支持拦截器

具体可以参考:HttpClient

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 查看更新情况

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


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

数据结构与算法分析(C++版)(第3版)

数据结构与算法分析(C++版)(第3版)

Clifford A. Shaffer / 张铭、刘晓丹、等译 / 电子工业出版社 / 2013 / 59.00元

本书采用当前流行的面向对象的C++程序设计语言来描述数据结构和算法, 因为C++语言是程序员最广泛使用的语言。因此, 程序员可以把本书中的许多算法直接应用于将来的实际项目中。尽管数据结构和算法在设计本质上还是很底层的东西, 并不像大型软件工程项目开发那样, 对面向对象方法具有直接的依赖性, 因此有人会认为并不需要采用高层次的面向对象技术来描述底层算法。 但是采用C++语言能更好地体现抽象数据类型的......一起来看看 《数据结构与算法分析(C++版)(第3版)》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具