title: AngularJS - How to separate controllers/modules?
body: <p>I have one application that has two pages.</p>
  
  <p>1 - A list of users</p>
  
  <p>2 - Where I can manage a particular user</p>
  
  <p>In order to organize I create two separated controllers and one module inside the app.js file and put all stuff together (custom filters, directives, factories...)</p>
  
  <p>Now I want to separate things in diferent files (or maybe folders too).</p>
  
  <p>How can I do this?</p>
  
  <pre><code>angular.module('app', []).
  
  controller('listController', function ($scope) {
      ... 
  }).
  
  controller('manageController', function ($scope) {
      ...
  }).
  
  factory('Api', ['$resource',
   function($resource) {
    return {
      ...
    };
  }]).
  
  filter('formtaData', function(){
     return function(data, modo){
         ...
     }
  }).
  </code></pre>
  
  <p>Other issue is that my controllers have different dependencies and in the actual way I have to include them all in my module (and scripts on the page) even if a page don't need them.</p>