编码Angular 1,最简单的升级到Angular 2?

时间:2016-01-05 19:31:10

标签: javascript angularjs ionic upgrade angular

我开始为应用程序(实际上是一个离子应用程序)开始一个新的绿地开发,预计不会部署一段时间,但由于各种原因我还不能使用Angular 2.

目前,我将使用TypeScript生成ES2015,通过Babel转换为ES5,并针对Angular 1进行编写。

我希望将来能够轻松升级到Angular 2.我的代码有哪些最佳做法可以确保尽可能轻松地升级到ng2?

3 个答案:

答案 0 :(得分:3)

最简单的方法是深入研究ng-forward,这是那些想要在Angular 1.x中编写Angular 2.x样式代码的人的正式默认解决方案。

然后,当您想要迁移到Angular 2时,请介绍ng-upgrade

如果您从ng-forward开始就遵循开发实践,那么使用ng-upgrade应该会容易得多。

答案 1 :(得分:2)

Tero Parviainen,Angular Meetup Berlin#25的演示文稿Refactoring To Components应引起您的兴趣。演示者讨论了如何重构Angular 1代码(以迭代方式)以准备移植到Angular 2.我假设如果你遵循他提出的模式和技术,你的Angular 1应用程序将更容易升级到Angular 2。

答案 2 :(得分:2)

我肯定会使用jspm作为包管理器,SystemJS作为模块加载器。 SystemJS模块加载器构建在ES6模块加载器之上,可与Angular 1.x一起使用。

具有额外CSS plugin的能力,SystemJS还为每个组件加载CSS文件。

就像你可以编写Angular 1.x组件一样,将来可以很容易地升级到Angular 2组件。