针对 Angular 1 进行编码,最容易升级到 Angular 2?

Coding against Angular 1, for easiest upgrade to Angular 2?

我正在为一个应用程序(实际上是一个 Ionic 应用程序)开始新的开发,预计暂时不会部署,但由于各种原因我还不能使用 Angular 2。

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

编写

我想在未来轻松升级到 Angular 2. 我的代码的最佳实践是什么以确保尽可能轻松地升级到 ng2?

Tero Parviainen 在 Angular Meetup Berlin #25 的演讲 Refactoring To Components,您应该会感兴趣。演示者讨论了如何重构 Angular 1 代码(以迭代方式)以准备好移植到 Angular 2。我假设如果您遵循他介绍的模式和技术,您的 Angular 1 应用程序以后升级到 Angular 2.

会容易得多

我肯定会使用 jspm as a package manager and SystemJS 作为模块加载器。 SystemJS 模块加载器建立在 ES6 模块加载器之上,可以与 Angular 1.x.

一起使用

借助额外 CSS plugin 的能力,SystemJS 还可以为每个单独的组件加载 CSS 个文件。

这样就可以编写Angular 1.x个组件,以后可以轻松升级到Angular 2个组件。

最简单的方法是深入研究 ng-forward,对于那些想要在 Angular [=21= 中编写 Angular 2.x 样式代码的人来说,官方默认解决方案].

然后以后想迁移到Angular2时,引入ng-upgrade.

如果遵循ng-forward以来的开发实践,使用ng-upgrade应该会容易很多。