如何從 angular2 遷移到 angular7？ 從 v6 遷移到 v7 會非常相似嗎？

Question

我不得不將我的AngularJS (v1) 應用程序升級到最新的Angular 7 。 該應用程序已經用 angular2 重寫。 我知道從 angularjs 遷移到 angular2 是完全不同的。 但現在正在尋找從 v2 遷移到 v7 的最簡單方法。 能否請您指導我如何進一步處理以及需要注意哪些事項？ 我也閱讀了以下文章，但仍需要具體指導： https : //angular.io/guide/upgrade

我是否應該像這篇文章或其他一些主要步驟中提到的那樣繼續—— 從 Angular 6 遷移到 Angular 7

提前致謝。

Answer 1

你有幾個選擇

1. ng遷移助手

2. 升級

3. 伊芙拉姆

我建議：

1. 創建基本的角度組件（它可以只是 Hello world 組件）
2. 檢查您是否可以將基本組件添加到您的應用程序中。 （你可以在屏幕上看到Hello world）
3. 檢查您的所有應用程序是否按預期工作。 （angular 2+ 不會破壞您的應用程序）
4. 檢查您當前可以構建您的應用程序。

5. 繼續移動指令/過濾器......一一。

   • 您可以添加一些自動化測試，在升級到 angular 之前檢查您的應用程序。 升級到 angular 后，自動化測試應該會通過。

Answer 2

將 AngularJS 應用程序增量升級到 Angular。 成功升級的關鍵之一是逐步升級，通過在同一個應用程序中並排運行兩個框架，並將 AngularJS 組件一一移植到 Angular。 這使得在不中斷其他業務的情況下升級甚至大型復雜的應用程序成為可能，因為工作可以協作完成並分布在一段時間內。 Angular 中的升級模塊旨在使增量升級無縫。 有關更多詳細信息，您可以點擊該鏈接https://medium.com/contentsquare-engineering-blog/angularjs-to-angular5-upgrading-a-large-application-7e6fbf70bafa

Answer 3

關於 Angular 的一切都與 AngularJS 截然不同，以至於我認為它們是完全不同的框架。

您將能夠使用您的大部分模板代碼，並且您可能能夠重用任何自定義業務邏輯和功能，但是您將希望將您的 AngularJS 應用程序視為一個功能原型，並重新設計您的 Angular7應用程序基於您從 AngularJS 中學到的知識。

您將要從 Javascript 切換到 Typescript，組件架構與您構建 JS 應用程序的方式大不相同。 Angular 在幾乎所有情況下都取消了雙向綁定，而支持單向數據流。

您可能使用過的任何 3rd 方庫都可能需要替換或更新到最新的 Angular 兼容（重寫）版本。

在經歷了 AngularJS 開發、Angular 開發（從 2 到 7）以及在 Angular 7 中重寫 AngularJS 應用程序之后，我強烈建議您盡可能多地學習在 Angular 7 中構建新應用程序，並且然后用您新發現的知識從頭開始重新開發您的 JS 應用程序，而不是嘗試將舊代碼庫拖到新框架中。