這篇文章主要介紹了Angular5.2到6.1升級的示例分析，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

10年積累的網(wǎng)站建設、網(wǎng)站設計經(jīng)驗，可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡服務。我雖然不認識你，你也不認識我。但先網(wǎng)站設計后付款的網(wǎng)站建設流程，更有扶綏免費網(wǎng)站建設讓你可以放心的選擇與我們合作。

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

事前準備

變更內容

除此之外，還需要確認如下內容：

• tsconfig.json: preserveWhitespaces設定為off（v6缺省設定）

• package.json中scripts的使用，所有的cli命令統(tǒng)一使用兩個橫線–傳入?yún)?shù)（POSIX規(guī)范）

• ngModelChange行為發(fā)生變化，請確認使用相關方式，升級后動作是否正常。

• Typescript使用strict模式的情況下（tsconfig.json的strict被設定為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，以及相應的RxJS和TypeScript版本
ng update @angular/core

更新Angular Material

ng update @angular/material

更新其他package

ng update

rxjs的修改

rxjs可以使用rxjs-compat模式進行兼容，對應完畢之后，再移除即可。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“Angular5.2到6.1升級的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關知識等著你來學習!

網(wǎng)站標題：Angular5.2到6.1升級的示例分析-創(chuàng)新互聯(lián)
網(wǎng)站網(wǎng)址：http://weahome.cn/article/edegg.html