将 AngularJS 迁移到 Angular 4,5（带演示）[关闭]

Posted 2023-02-19

【中文标题】将 AngularJS 迁移到 Angular 4,5（带演示）[关闭]

【英文标题】：Migrating AngularJS to Angular 4,5 (with DEMO) [closed]

【发布时间】：2017-11-02 21:53:47

【问题描述】：

我正在研究将当前 Angular 1 项目迁移到 Angular 4 的方法。

选项有 ng-forward、ngUpgrade 或 rewrite。

我正在考虑重写它，但有一个转折。

我保留当前的应用程序 开始编写与之平行的新的 所有新的 NG4 重写，我想用……换句话说就是一点一点。

有没有人尝试过或知道更好的方法？

【问题讨论】：

这个问题几乎会立即关闭，因为“主要基于意见”，但是：您的计划被称为“大爆炸重写”，这很常见，而且是个坏主意。 chadfowler.com/2007/01/02/the-big-bang.html

【参考方案1】：

将 AngularJS 应用程序逐步升级到 Angular。

成功升级的关键之一是渐进式地进行，在同一个应用程序中并排运行两个框架，并将 AngularJS 组件一个一个移植到 Angular。这使得在不中断其他业务的情况下甚至可以升级大型和复杂的应用程序，因为工作可以协作完成并分散在一段时间内。 Angular 中的upgrade 模块旨在实现无缝增量升级。

欲了解更多信息，请参阅Angular Developer Guide - Upgrading from AngularJS

DEMO on PLNKR

【讨论】：

在 plunker 演示 Angular 应用程序中运行不正常。我能知道原因吗

@georgeawg 我有一个庞大的代码库，其中包含带有指令的 angularjs1.4.x。然后首先我们需要将所有指令转换为组件（1.4 到 1.5 迁移），然后是 Angular。请回复

@georgeawg 我投了赞成票。实际上，我的主要问题是->我在 angularjs1.4.x 中有一个产品（具有巨大的代码库）（仅包含指令......不包含 angularjs 组件），我想使用 ngUpgarde 升级到 Angular 最新版本.我可以在包含指令的代码不是 angularjs 组件的情况下进行升级吗？

@AnkitPandey AngularJS 组件是专门为方便迁移到 Angular 2+ 而创建的。您的指令可能需要重写以与 Angular 2+ 结构兼容。有关详细信息，请参阅AngularJS Developer Guide - Component-based Application Architecture。还有AngularJS 1.5+ Components do not support Watchers, what is the work around?.