AngularJS application file structure

Question

On a large AngularJS application having all my controllers in a single "controllers.js" file seems a little un-maintainable to me. Is there a better way to do this such as:

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

and that also applies for filters, services, directives etc...

Answer 1

There are lot's of ways to organize your code. You can look in the following links

• Building Huuuuuge Apps with AngularJS
• Code Organization in Large AngularJS and JavaScript Applications
• AngularJS Best Practices: Directory Structure

You can follow their standard or you can make your own.

Try to follow the following guidelines:

• Contollers shouldn't be too long, if it's too long then it is handling multiple responsibilities
• Try to use Directives and Services in your system to reuse your code/logic
• Directives are the most powerful things in Angualrjs, try to get maximum advantage of it.
• Write Tests; even better you can try to practice TDD with AngularJS