Angular 5 升级至Angular 7

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

内容简介:本文内容“升级前-升级”适用于想从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 查看更新情况

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


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

查看所有标签

猜你喜欢:

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

设计之下

设计之下

搜狐新闻客户端UED团队 / 电子工业出版社 / 2014-1-1 / CNY 69.00

形而上者谓之道,形而下者谓之器。匠者,器也。处身平凡的匠人不断追求向上的设计之道。本书没有华丽的辞藻和长篇大论的理论,作者是搜狐一线的设计团队,写作过程中他们尽力还原真实的工作场景,并总结出了一些实用的经验和方法。 《设计之下》共三部分,全面讲解了用户体验设计的流程和方法。第一部分为“交互设计”,阐述了从项目启动、解析需求到原型设计的过程,并且总结了交互设计的要点:大局观、操作流程简捷、形式......一起来看看 《设计之下》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

URL 编码/解码
URL 编码/解码

URL 编码/解码

SHA 加密
SHA 加密

SHA 加密工具