Angular(5.2->6.1)升級(jí)小結(jié)
在前面的文章中也曾經(jīng)分別提到過(guò),angular6由于存在一些稍大的變化,所以不能像Angular4到Angular5那樣基本無(wú)感地進(jìn)行升級(jí),這里結(jié)合官方提示,簡(jiǎn)單整理一下Angular5.2到目前穩(wěn)定的6.1的升級(jí)要點(diǎn)。

事前準(zhǔn)備
變更內(nèi)容

除此之外,還需要確認(rèn)如下內(nèi)容:
- tsconfig.json: preserveWhitespaces設(shè)定為off(v6缺省設(shè)定)
- package.json中scripts的使用,所有的cli命令統(tǒng)一使用兩個(gè)橫線–傳入?yún)?shù)(POSIX規(guī)范)
- ngModelChange行為發(fā)生變化,請(qǐng)確認(rèn)使用相關(guān)方式,升級(jí)后動(dòng)作是否正常。
- Typescript使用strict模式的情況下(tsconfig.json的strict被設(shè)定為true時(shí)),更新tsconfig.json使strictPropertyInitialization無(wú)效,或者在ngOnInit中移除屬性的初期化
更新
更新cli
- Node版本確認(rèn):Node8及其以上
- 更新本地和全局的angular cli
- 修改配置文件angular.json
可以使用如下命令實(shí)現(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模式進(jìn)行兼容,對(duì)應(yīng)完畢之后,再移除即可。
關(guān)于http和rxjs的使用詳細(xì)的變化的使用,前面的幾篇文章中有所提到,這里不再贅述。
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對(duì)腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請(qǐng)查看下面相關(guān)鏈接
相關(guān)文章
AngularJS使用自定義指令替代ng-repeat的方法
這篇文章主要介紹了另一種即具有與ng-repeat一樣處理大量數(shù)據(jù)的綁定的功能,又具有超高性能的自定義方法,有需要的小伙伴們可以參考借鑒,下面來(lái)一起看看吧。2016-09-09
Angular 4.0學(xué)習(xí)教程之架構(gòu)詳解
作為一種大受歡迎的Web應(yīng)用程序框架,Angular終于迎來(lái)了版本4.0,下面這篇文章主要給大家介紹了關(guān)于Angular 4.0學(xué)習(xí)教程之架構(gòu)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-09-09
angularjs創(chuàng)建彈出框?qū)崿F(xiàn)拖動(dòng)效果
Angularjs 實(shí)現(xiàn)動(dòng)態(tài)添加控件功能
Angularjs編寫KindEditor,UEidtor,jQuery指令
AngularJS使用ng-repeat遍歷二維數(shù)組元素的方法詳解
AngularJS修改model值時(shí),顯示內(nèi)容不變的實(shí)例

