The blogosphere has a number of articles on the topic of AngularJS app structuring guidelines such as these (and others):
However, one scenario I have yet to come across for guidelines and best practices is the case where you have a large web application containing multiple "mini-spa" apps, and the mini-spa apps all share a certain amount of code.
I am not referring to the case of trying to have multiple
ng-app declarations on the same page; rather, I mean different sections of a large site that have their own, unique
As Scott Allen writes in his OdeToCode blog:
One scenario I haven't found addressed very well is the scenario where multiple apps exist in the same greater web application and require some shared code on the client.
Are there any recommended approaches to take, pitfalls to avoid, or good sample structures of this scenario that you can point to?
Update - 9/10/2015
One project with an interesting organization strategy is MEAN.JS and its modules folder.
Another example is from the ASP.NET Music Store SPA example. https://github.com/aspnet/MusicStore https://github.com/aspnet/MusicStore/tree/master/src/MusicStore.Spa/ng-apps