Proposed Angular App Structure

gistfile1.md

js/

• index.html
• controller.js
  • angular.module('Application', ['ModuleA', 'AppViewACtrl', 'lodash', function(){}]);
• dependencyFactory.js

  var lodash = angular.module('lodash', []);
  
  lodash  
    .factory('_', function() {
      return window._; // assumes lodash has already been loaded on the page
    });
  

• appViewA/
  • appViewA.css
  • appViewA.html
  • controller.js

    angular.module('Application')
      .controller('AppViewACtrl', ['$scope', function ($scope) {});
    
    

  • detail/
    • detail.html
    • detail.css
    • controller.js
• appViewB/
  • detail/
    • detail.html
    • controller.js
• modules/
  • moduleA/
    • index.js
      • angular.module('ModuleA', []);
    • services.js
      • angular.module('ModuleA').factory('data', function(){//do stuff});
    • directives.js
      • angular.module('ModuleA').directive('someViewType', function(){//do stuff});
  • ModuleB/
    • index.js

css/