Angular(5.2->6.1)升級小結(jié)
更新時間：2018年12月27日 11:32:58 作者：liumiaocn
今天小編就為大家分享一篇關(guān)于Angular(5.2->6.1)升級小結(jié)，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
在前面的文章中也曾經(jīng)分別提到過，angular6由于存在一些稍大的變化，所以不能像Angular4到Angular5那樣基本無感地進行升級，這里結(jié)合官方提示，簡單整理一下Angular5.2到目前穩(wěn)定的6.1的升級要點。
事前準備
變更內(nèi)容
除此之外，還需要確認如下內(nèi)容：
- tsconfig.json: preserveWhitespaces設(shè)定為off（v6缺省設(shè)定）
- package.json中scripts的使用，所有的cli命令統(tǒng)一使用兩個橫線–傳入?yún)?shù)（POSIX規(guī)范）
- ngModelChange行為發(fā)生變化，請確認使用相關(guān)方式，升級后動作是否正常。
- Typescript使用strict模式的情況下（tsconfig.json的strict被設(shè)定為true時）,更新tsconfig.json使strictPropertyInitialization無效，或者在ngOnInit中移除屬性的初期化
更新
更新cli
- Node版本確認：Node8及其以上
- 更新本地和全局的angular cli
- 修改配置文件angular.json
可以使用如下命令實現(xiàn)：
sudo npm install -g @angular/cli@6.1.5
npm install @angular/cli@6.1.5
ng update @angular/cli
更新angular framework
更新Angular framework到v6，以及相應(yīng)的RxJS和TypeScript版本
ng update @angular/core
更新Angular Material
ng update @angular/material
更新其他package
ng update
rxjs的修改
rxjs可以使用rxjs-compat模式進行兼容，對應(yīng)完畢之后，再移除即可。
關(guān)于http和rxjs的使用詳細的變化的使用，前面的幾篇文章中有所提到，這里不再贅述。
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接
相關(guān)文章
本文主要介紹AngularJS 依賴注入,這里對依賴注入做了詳細介紹講解,并提供效果圖和示例代碼以便學(xué)習參考2016-07-07
本篇文章主要介紹了angular寫一個列表的選擇全選交互組件的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
Angular實現(xiàn)的簡單查詢天氣預(yù)報功能示例
這篇文章主要介紹了Angular實現(xiàn)的簡單查詢天氣預(yù)報功能,涉及AngularJS針對第三方API接口交互的相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
這篇文章主要介紹了Angular5中狀態(tài)管理的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了在Angular中使用JWT認證方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
本篇文章主要介紹了Angular之toDoList的實現(xiàn)代碼示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
跨域請求一直是網(wǎng)頁編程中的一個難題，在過去，絕大多數(shù)人都傾向于使用JSONP來解決這一問題。不過現(xiàn)在，我們可以考慮一下W3C中一項新的特性——CORS（Cross-Origin Resource Sharing）了。2016-08-08
今天小編就為大家分享一篇angularjs中判斷ng-repeat是否迭代完的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
AngualrJs2官方方法是以@Input,@Output來實現(xiàn)組件間的相互傳值，而且組件之間必須父子關(guān)系，下面給大家提供一個簡單的方法，實現(xiàn)組件間的傳值，不僅僅是父子組件，跨模塊的組件也可以實現(xiàn)傳值2017-05-05
本文主要介紹AngularJs 指令的知識，這里整理了詳細的資料和簡單示例代碼幫助大家學(xué)習理解應(yīng)用，有興趣的小伙伴可以參考下2016-09-09