如何在Angular中为单个页面/控制器正确模块化/组织Javascript？

Question

我目前拥有一个包含大量JS动画，AJAX调用和响应功能的JS页面。整个页面由单个角度控制器处理。但是，现在的问题是我的控制器变得越来越大，我在浏览它时遇到了麻烦。

我的控制器内部主要有三种JS功能：
1）立即调用的函数，例如从工厂获取对象并计算屏幕上某些元素的大小 2）页面加载后调用的函数，例如页面上某些元素的事件处理程序 3）暴露于我的视图的功能（例如，ng-click功能）

在此页面上组织JS的最佳方法是什么？我希望尽可能使我的代码具有可读性和模块性，非常感谢任何帮助。

谢谢，

Answer 1

您可以将服务/工厂/提供商用于无状态功能，例如http交互（您的ajax调用）和用于嵌套功能的子控制器。