如何从 angular 1.4 升级到 angular 5?

How to upgrade from angular 1.4 to angular 5?

从 angular 1.4 升级到 Angular 5 是否可以使用 ngupgrade 并遵循增量方法,或者从 1.5 版开始使用 ngupgrade 是严格适用的。根据图像,提到的先决条件 1.5 用于 ngUpgrade。

有官方升级指南: https://angular.io/guide/upgrade or https://angular.io/guide/upgrade-performance

但是作为一个写过大型 AngularJS 应用程序并且现在正在从事大型 Angular 项目的人,我建议开始一个新的新项目并逐步编写最新 Angular 中的全新应用程序。根据我的经验,在这两个框架之间切换真的很费时间。

在 Angular 中工作完全不同(更好)并且框架本身提供的功能比 AngularJS 多得多。

如果您仍想升级,请分两步进行:

  • 升级到 1.5(因为必须有它需要的原因)
  • 升级到Angular

看看这篇文章:https://angular.io/guide/upgrade

并且您可以在两个框架之间升级或降级服务和组件。

您应该知道 bootstrap 混合应用程序有两种方法:

  1. 使用 UpgradeModule - 在 Angular 区域[=15] 中引导 AngularJS (v1) 和 Angular (v6) 框架=]

  2. 使用 DowngradeModule - 在 Angular 区域之外引导 AngularJS 并使两个变更检测系统分开。

两种方法我都试过了。我建议使用 DowngradeModule - 它对性能和内存泄漏更好。

如果你 google angular hybrid 你会在 github

上找到很多文章和例子

当然看https://angular.io/guide/upgrade开始。自从我查看它以来已经有一段时间了,它似乎有重大更新,这很好。 "Preparation" 部分仍然让我想起了一个笑话:"How to be a millionaire and not pay taxes? Step 1: Get a million dollars." 准备部分是 "Using a Module Loader" 告诉你为什么,但你仍然要自己弄清楚如何去,说,对 webpack 发出咕噜声。当然,这超出了该页面的范围,但这感觉就像是需要理清的一大步无定形的步骤。

我确实找到了开发人员 Sam Julien,他制作了一个指导视频 "course",其中包含一个应用程序并逐步完成了转换。它位于 https://www.upgradingangularjs.com,肯定比我见过的任何博客 post 都更全面。我不隶属于但它让我开始列出我们需要更改的一些内容。

这不是一项微不足道的任务,但能够提前看到各个阶段的布局,使它看起来逐渐成为可能。 (幸运的是,我们已经非常接近 angularjs 风格指南,这是另一个准备步骤。)祝你好运!