javascript - 如何构建大型 AngularJS 应用程序

Question

我有一个在 AngularJS 中构建的网络应用程序。它已经积累了 500 行代码，要梳理一遍是相当大的负担。我想知道我是否可以将逻辑分解为多个文件，但仍然能够与一些 $scope 变量进行交互。任何有关此主题的资源将不胜感激。

例如：我有一堆逻辑处理由 ng-repeat 生成的表，不需要与我使用 Canvas.JS 生成的图表中的代码进行交互

Answer 1

这些文章可能会帮助您：

• http://briantford.com/blog/huuuuuge-angular-apps
• http://cliffmeyers.com/blog/2013/4/21/code-organization-angularjs-javascript

另请阅读此答案。

我主要选择模块化方法。

Answer 2

另一个可能对您有帮助的链接：

• http://leog.me/log/large-angularjs-app-components

这是一个使用 RequireJS 的解决方案，将应用程序划分为多个模块，这些模块可以很容易地连接在一起。

Answer 3

您是否在一个控制器中编写了所有应用程序？

我会考虑：

• 拥有一个瘦控制器（仅公开所需的范围内容，并从服务中获取内容）。

• 实现服务（工厂），在这个工厂中，您可以例如封装您的 $http 请求以获取您想要显示的数据。

• 实现指令：例如，如果您正在构建一个通用图表，您可以将其封装在指令中（它就像一个控件），更易于维护和重用。

一旦你有了这个，我会跳进达尼洛的好建议。