title: Angular project structure (folders, routes, services, etc)?
body: <p><strong>How the guide for developing large (enterprise) angular web application should be ?</strong></p>
  
  <ul>
  <li>Folder structure</li>
  <li>The routes for multiple views</li>
  <li>Modules, configs, services, directives, controllers and personal javascript files.</li>
  <li>Custom filters, views (html)</li>
  </ul>
  
  <p>If your directory structure looks like this (and your app is large) should I modularize like this ? :</p>
  
  <blockquote>
    <p>app</p>
    
    <ul>
    <li>controllers.js</li>
    <li>filters.js</li>
    <li>directives.js</li>
    <li>app.js</li>
    <li>services.js</li>
    <li>index.html</li>
    </ul>
  </blockquote>
  
  <p>Should I inject (include) every installed module in my root <strong>myApp</strong> module or in my submodules ?</p>
  
  <pre><code>angular.module('myApp',[
     'tasks',
     'documents',
     'widgets',
     'customModuleForWidgets'
  ]);
  </code></pre>
  
  <p>or</p>
  
  <pre><code> angular.module('widgets',[
     'customModuleForWidgets'
  ]);
  </code></pre>
  
  <p>The routes config should be in one place (partent module) or in it's own module ?</p>
  
  <pre><code>angular.module('myApp',[
    'ui.router'
  ])
    .config(['$routeProvider', '$stateProvider', function ($routeProvider, $stateProvider) {
      $stateProvider
       .state("widget-areaState", {
         url: "/widget-area",
         templateUrl: 'views/dashboard-widget.html',
         controller: 'widgetCtrl'
       });
       .state(...) // other state
       .state(...) // other state
    })
  ;
  </code></pre>