将 AngularJS 迁移到 Angular 4,5（带演示）

IT技术 javascript angularjs angular ng-upgrade angular-hybrid
2021-01-28 00:00:57

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

选项是ng-forward、ngUpgrade或rewrite。

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

  • 我保留当前的应用程序
  • 开始写新的与它平行的
  • 所有新的 NG4 都重写了，我想使用......换句话说，一点一点。

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

1个回答

将 AngularJS 应用程序增量升级到 Angular。

成功升级的关键之一是逐步升级，通过在同一个应用程序中并排运行两个框架，并将 AngularJS 组件一一移植到 Angular。这使得在不中断其他业务的情况下升级甚至大型复杂的应用程序成为可能，因为工作可以协作完成并分布在一段时间内。upgradeAngular 中的module旨在使增量升级无缝。

有关更多信息，请参阅Angular 开发人员指南 - 从 AngularJS 升级

PLNKR 上的演示

@AnkitPandey AngularJS 组件是专门为促进向 Angular 2+ 的迁移而创建的。您的指令可能需要重写以与 Angular 2+ 结构兼容。有关更多信息，请参阅AngularJS 开发人员指南 - 基于组件的应用程序架构。另外AngularJS 1.5+ 组件不支持 Watchers，有什么解决办法？.
2021-03-18 00:00:57
@georgeawg 我有一个带有指令的 angularjs1.4.x 的庞大代码库。然后首先我们需要将所有指令转换为组件（1.4 到 1.5 迁移）然后是 Angular。请回复
2021-03-21 00:00:57
在 plunker 演示中，angular 应用程序运行不正常。我能知道原因吗
2021-03-26 00:00:57
@georgeawg 我投了赞成票。实际上，我的主要问题是 -> 我在 angularjs1.4.x 中有一个产品（具有庞大的代码库）（仅包含指令......不是 angularjs 组件），我想使用 ngUpgarde 升级到 Angular 最新版本. 我可以在具有指令而不是 angularjs 组件的代码中进行升级吗？
2021-04-08 00:00:57
其它你可能感兴趣的问题
上一篇如何从javascript中的对象数组映射多个属性 下一篇加法在 JavaScript 中不起作用