如何构建大型AngularJS应用程序

Question

我有一个我在AngularJS中构建的Web应用程序。它已经累积了500行代码，并且很难对它进行整理。我想知道是否有可能将逻辑分解为多个文件，但仍能够与某些$ scope变量进行交互。有关该主题的任何资源将不胜感激。

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

Answer 1

这些文章可能会对您有所帮助：

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

另请阅读this answer。

我主要选择Modular approach。

Answer 2

您是否在一个控制器中编写了所有应用的代码？

我会考虑：

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

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

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

一旦你有了这个，我会跳进Danilo很棒的建议。

Answer 3

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

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

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