title: Angular error: 'argument 'Controller' is not a function, got undefined'
body: <p>I'm guessing there must be something obvious I have missed, this is the second angular app I am building and I have never had this issue before..</p>
  
  <p>Seems both of my controllers are receiving this error. I have confirmed that controllers.js gets loaded and <code>console.log(angcomControllers)</code> does return an object. Other than that I am lost.</p>
  
  <p>index.html:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html class="no-js" lang="en" data-ng-app="angcomApp"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
      &lt;title&gt;Foundation&lt;/title&gt;
      &lt;link rel="stylesheet" href="stylesheets/app.css" /&gt;
  
      &lt;!--Library/Framework JS--&gt;
      &lt;script src="bower_components/jquery/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="bower_components/angular/angular.js"&gt;&lt;/script&gt;
      &lt;script src="bower_components/angular-animate/angular-animate.js"&gt;&lt;/script&gt;
      &lt;script src="bower_components/angular-resource/angular-resource.js"&gt;&lt;/script&gt;
      &lt;script src="bower_components/angular-route/angular-route.js"&gt;&lt;/script&gt;
  
      &lt;!--script src='https://cdn.firebase.com/v0/firebase.js'&gt;&lt;/script&gt;
      &lt;script src='https://cdn.firebase.com/libs/angularfire/0.5.0/angularfire.min.js'&gt;&lt;/script--&gt;
  
      &lt;!--App JS--&gt;
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
      &lt;script src="js/animations.js"&gt;&lt;/script&gt;
      &lt;script src="js/controllers.js"&gt;&lt;/script&gt;
      &lt;script src="js/filters.js"&gt;&lt;/script&gt;
      &lt;script src="js/services.js"&gt;&lt;/script&gt;
       &lt;script src="js/directives.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
  
      &lt;div ng-view class="view-frame"&gt;&lt;/div&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>'use strict';
  
  var angcomApp = angular.module('angcomApp',[
      'ngResource',
      'ngRoute',
  
      'angcomControllers',
      'angcomServices',
  ]);
  
  angcomApp.config(['$routeProvider', function($routeProvider) {
  
          $routeProvider.when('/items', {
              templateUrl: 'partials/items.html',
              controller: 'itemsController'
          }).when('/categories', {
              templateUrl: 'partials/categories.html',
              controller: 'categoriesController'
          });
  }]);
  </code></pre>
  
  <p>controllers.js </p>
  
  <pre><code>var angcomControllers = angular.module('angcomControllers', ['angcomServices']);
  
  angcomControllers.controller('itemsController' ['$scope', 'Items', function($scope, Items) {
  
  }]);
  
  angcomControllers.controller('categoriesController' ['$scope', function($scope) {
  
  }]);
  </code></pre>
  
  <p>items.html</p>
  
  <pre><code>&lt;div data-ng-controller="itemsController"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>If I need to post any more code please let me know, thanks!</p>