如何在Angular中爲單個頁面/控制器正確模塊化/組織Javascript？

Question

我目前有一個包含許多動畫，AJAX調用和響應功能的JS重頁面。整個頁面由單個角度控制器處理。但是，現在的問題是我的控制器變得非常大，而且我無法通過它進行導航。

我的控制器裏面主要有3種JS函數：
1）立即調用的函數，比如從工廠提取對象，計算屏幕上某些元素的大小。
2）頁面加載後調用的函數，例如頁面上某些元素的事件處理程序。
3）功能暴露在我的看法（例如，ng點擊功能）

在此頁面上組織JS的最佳方式是什麼？我想讓我的代碼儘可能可讀和模塊化，任何幫助將不勝感激。

感謝，

Answer 1

您可以使用服務/工廠/供應商無狀態的功能，例如HTTP交互（你的Ajax調用）和嵌套功能子控制器。