javascript - 将现有的backboneJS应用程序转换为angularJS应用程序的最佳方法是什么

Question

我正在尝试将现有的backbonejs应用程序转换为angularjs。将 Backbone 应用程序转换为 Angular 应用程序的最佳方法是什么？我应该如何在不破坏应用程序的情况下划分和征服代码

Answer 1

虽然我同意@Claies的观点，但由于两者之间存在重大差异，您无法将其中一个逐步转换为另一个。但是，我确实认为您可以使用 Backbone 应用程序作为引用来构建一个 Angular 应用程序，并且您可以使用一些代码 - 主要是一个应用程序中另一个应用程序的业务逻辑。

我过去曾使用过 Backbone 和 Angular ，但从未尝试过转换，所以请对我的想法持保留态度。

让我们看看 Angular 结构和主干结构之间有什么相似之处:

1. View - 主干网具有可以使用路由器切换的 View 。Angular 有一个 Controller 和模板组合的 View 由路由器控制。
2. 组件 - 主干 View 由 subview 组成，其自己的模型和功能，由 View 或更高级别呈现 subview 。 Angular 具有 View 可以组成的指令，每个指令指令可以包含其他子指令。
3. 业务逻辑 - 主干业务逻辑位于 View /模型/辅助对象。在 Angular 服务中负责业务逻辑。
4. 模型和集合 - Backbone 具有独特的模型和具有某种绑定(bind)和事件功能的集合。 Angular 没有官方型号。模型可以小到一个变量或者像一棵树一样大。 Angular 模型应该由服务。

因此，经过基本审查后，这就是我要做的 - 我认为主要是逐个查看:

1. 通过从 View 中删除所有业务逻辑来重构我的主干应用程序和模型，并将它们移动到辅助对象中。
2. 将助手转变为 Angular 服务。
3. 将模型和集合转换为对象和数组。把它们包起来 Angular 服务 - 该服务将有方法获取和更新模型。如果您需要听模型，您可以使用$watch、ng-model 和 ng-change 或 $broadcast 一个事件，当您更改服务中的模型。
4. 将 View 转换为 Angular View - 即 Controller 和模板。
5. 将 subview 转换为指令 - 将数据从 View 传递到指令可以使用属性、服务和事件来完成。
6. 模板 - 都使用带有绑定(bind)的 html 模板，所以只要您可以保留模型对象和数组结构基本上很容易将 Handlebars 转换为 Angular 。您先请查看模型，添加事件处理程序(ng-click 和 friend )，和模型绑定(bind)(ng-model)。