AngularJS应用程序文件结构

Question

在一个大型的AngularJS应用程序中,我的所有控制器都在一个"controllers.js"文件中,对我来说似乎有点难以维护.有没有更好的方法来做到这一点,如:

\js\controllers\myController.js
\js\controllers\yourController.js
\js\controllers\ourController.js

这也适用于过滤器,服务,指令等......

Answer 1

有很多方法可以组织代码.您可以查看以下链接

• 使用AngularJS构建Huuuuuge应用程序
• 大型AngularJS和JavaScript应用程序中的代码组织
• AngularJS最佳实践:目录结构

您可以遵循他们的标准,也可以自己制作.

请尝试遵循以下准则:

• 控制器不应该太长,如果它太长,则处理多个职责
• 尝试在系统中使用指令和服务来重用代码/逻辑
• 指令是Angualrjs中最强大的东西,试图最大限度地利用它.
• 写测试; 更好的是你可以尝试用AngularJS练习TDD

Answer 2

您可以像模块一样管理它!!

例如,拿用户视图,你创建一个目录,这里它的名字是用户!!

user // directory , now put all controller ,service and directive file into it !! 

-- userController.js    //  controller file 

-- userService.js       // service file

-- userDirective.js     // directive file

-- views                // make directory, and put all html file regarding that module into this

  --users.html          // html file

希望对你有帮助!!