title: Angular.js organize controllers into App namespace
body: <p>I'm starting to use Angular.js on a new project and from the basic tutorials, I see mostly a single controllers.js file that contains all the controller functions, each which are bound to the window object.</p>
  
  <p>It seems that a better practice would be use the existing "myApp" namespace, to add controllers to, for example:</p>
  
  <pre><code>myApp.controllers = {};
  myApp.controllers.userItem = function($scope) {}
  </code></pre>
  
  <p>All controllers would be part of the created "myApp.controllers" object or "window.myApp.controllers".  </p>
  
  <p>Does anyone suggest a better or more organized way to handle controllers or other item, custom services, directives, etc. would use the same structure.</p>
  
  <p>In addition to this, I'm debating about putting each controller into it's own file, which ultimately would be combined for production, but depending on the size of the app, it may be a bit overkill and only cause more work bouncing around between files.</p>
  
  <p>Any suggestions would be greatly appreciated.</p>
  
  <p>Thanks!</p>