So, I’m in the midst of my first major project with Angular. I have one controller that is doing a ton of the legwork, and it’s reached the point where it’s thousands of lines of JavaScript.
I’d like to break this up somehow, but I can’t seem to find a solid example anywhere. The code is mostly made up of functions used to do calculations on objects, so directives and modules don’t seem like the right answer, but I could be wrong there.
How are you guys organizing code in your large Angular projects? Should I just suck it up, or is there a sane way to split this into easy to scan files?
I suggest putting at least some of those objects and their related calculations into services, then inject the services into your controller(s). See the Sticky Notes Part 1 blog entry for an example of a service that encapsulates some data and provides methods to access/manipulate that data.
See if you can break up your controller into multiple controllers, one for each view. A view can be as large as a page, or just some chunk/block on a page.
To quote from a google group post I saw recently: “I prefer to think of angular controllers as dumb apis/configs for my views and leave all the heavy lifting to services.” — reference