title: Argument 'titleCtrl' is not a function, got undefined
body: <p>I am new to AngularJS and I keep getting the above error from the Firebug console. My code:</p>
  
  <p>index.html:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html ng-app manifest="/manifest.appcache"&gt;
  
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;script src="/public/js/angular.js"&gt;&lt;/script&gt;
    &lt;script src="/public/js/client/spa_common.js"&gt;&lt;/script&gt;
    &lt;!-- snip --&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id="main"&gt;
      &lt;h1 ng-controller="titleCtrl"&gt;{{title}}&lt;/h1&gt;
    &lt;/div&gt;  
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>spa_common.js:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>"use strict"
  
  angular
    .module('title_stuff', [])
    .service('titleSvc', ['$rootScope',
      function($rootScope) {
        this.getTitle = function() {
          return ('Dashboard');
        }
      }
    ])
    .controller('titleCtrl', ['titleSvc', '$scope',
      function(titleSvc, $scope) {
        $scope.title = titleSvc.getTitle();
      }
    ]);</code></pre>
  </div>
  </div>
  </p>
  
  <p>I am running this from node.js rendering index.html with Jade.</p>
  
  <p>I can confirm that both my local copy of angular.js and spa_common.js are being loaded.</p>
  
  <p>From what I've read:</p>
  
  <ul>
  <li>The ng-app value does not need to be set</li>
  <li>The module name can be set to anything, and can be reused by omitting the []</li>
  <li>You inject the module name into the controller's argument array</li>
  <li>The controller's name must match the ng-controller directive in the HTML tag</li>
  </ul>
  
  <p>I've been banging my head against a wall for days. Hopefully someone has a solution?</p>