javascript - 如何在 Angular 中正确模块化/组织单个页面/ Controller 的 Javascript？

Question

我目前有一个包含大量动画、AJAX 调用和响应功能的 JS 页面。整个页面由单个 Angular Controller 处理。然而，现在的问题是我的 Controller 变得非常大，我在浏览它时遇到了困难。

我的 Controller 内主要有 3 种类型的 JS 函数:
1) 立即调用的函数，例如从工厂获取对象并计算屏幕上某些元素的大小。
2) 页面加载后调用的函数，例如页面上某些元素的事件处理程序。
3)暴露在我的 View 中的函数(例如，ng-click函数)

在此页面上组织 JS 的最佳方式是什么？我想让我的代码尽可能具有可读性和模块化，任何帮助将不胜感激。

谢谢

Answer 1

您可以使用服务/工厂/提供程序来实现无状态功能，例如 http 交互(您的 ajax 调用)和用于嵌套功能的子 Controller 。