如何从angular2迁移到angular7？从v6迁移到v7会非常相似吗？

Question

我必须将我的 AngularJS （v1）应用程序升级到最新的 Angular 7 。 该应用程序已用angular2重写。 我知道从angularjs迁移到angular2完全不同。 但是，现在正在寻找从v2迁移到v7的最简单方法。 您能指导我如何继续进行吗？需要注意哪些事项？ 我也阅读了以下文章，但仍需要具体指导： https://angular.io/guide/upgrade

我是否应该按照本博文或其他一些主要步骤中的说明进行操作， migrating from Angular 6 to Angular 7

谢谢。

Answer 1

您的选择很少

1. ngMigration Assistant

2. ngUpgrade

3. Ifram

我建议：

1. 创建基本角度组件（可以只是Hello world组件）
2. 检查是否可以将基本组件添加到您的应用程序。 （您可以在屏幕上看到Hello world）
3. 检查所有应用程序是否按预期工作。 （角度2以上不会破坏您的应用程序）
4. 检查您当前可以构建您的应用程序。

5. 继续移动指令/过滤器……一一。

   • 您可以添加一些自动化测试，以在升级到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应用程序视为功能原型，并且根据您从AngularJS中学到的知识重新设计Angular7应用程序。

您将要从Javascript切换到Typescript，其组件体系结构与构建JS应用程序的方式非常不同。在几乎所有情况下，Angular都放弃了双向绑定，而倾向于单向数据流。

您可能已经使用过的任何第三方库都可能需要替换或更新为最新的Angular兼容（重写）版本。

经历了基础的AngularJS开发，基础的Angular开发（从2到7）以及Angular 7中的AngularJS应用程序的重写，我强烈建议您学习尽可能多的关于在Angular中构建新应用程序的知识。 7，然后使用新发现的知识从头开始开发JS应用程序，而不是尝试将旧的代码库拖到新框架中。