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 依賴注入詳解和簡(jiǎn)單實(shí)例
本文主要介紹AngularJS 依賴注入,這里對(duì)依賴注入做了詳細(xì)介紹講解,并提供效果圖和示例代碼以便學(xué)習(xí)參考2016-07-07angular寫(xiě)一個(gè)列表的選擇全選交互組件的示例
本篇文章主要介紹了angular寫(xiě)一個(gè)列表的選擇全選交互組件的示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01Angular實(shí)現(xiàn)的簡(jiǎn)單查詢天氣預(yù)報(bào)功能示例
這篇文章主要介紹了Angular實(shí)現(xiàn)的簡(jiǎn)單查詢天氣預(yù)報(bào)功能,涉及AngularJS針對(duì)第三方API接口交互的相關(guān)操作技巧,需要的朋友可以參考下2017-12-12Angular5中狀態(tài)管理的實(shí)現(xiàn)
這篇文章主要介紹了Angular5中狀態(tài)管理的實(shí)現(xiàn),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09Angular之toDoList的實(shí)現(xiàn)代碼示例
本篇文章主要介紹了Angular之toDoList的實(shí)現(xiàn)代碼示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12詳解AngularJS如何實(shí)現(xiàn)跨域請(qǐng)求
跨域請(qǐng)求一直是網(wǎng)頁(yè)編程中的一個(gè)難題,在過(guò)去,絕大多數(shù)人都傾向于使用JSONP來(lái)解決這一問(wèn)題。不過(guò)現(xiàn)在,我們可以考慮一下W3C中一項(xiàng)新的特性——CORS(Cross-Origin Resource Sharing)了。2016-08-08angularjs中判斷ng-repeat是否迭代完的實(shí)例
今天小編就為大家分享一篇angularjs中判斷ng-repeat是否迭代完的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09