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

标签 javascript jquery angularjs

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

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

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

谢谢

最佳答案

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

关于javascript - 如何在 Angular 中正确模块化/组织单个页面/ Controller 的 Javascript?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26209395/

相关文章:

jquery - 如何使用 jQuery 测量用户向下滚动了多远?

javascript - 设计一个从后端访问 JSON feed 的系统

javascript - 禁用特定下拉列表中的特定选项

javascript - 在 React js 中在页面之间导航和处理后退按钮的最佳方式

javascript只获取链中的最后一个数字

angularjs - ionic $state.go 重定向在单击之前无法正确加载 ui

javascript - angularjs - 无法预先选择 list 模型中的复选框

javascript - 如何使用Mongoose查询导入的json

Jquery 获取宽度在 IE6 和 IE7 中不起作用

jquery - 动态加载Google map AJAX教程