title: AngularJS controller function never called
body: <p>My angularjs controller function is never called.  I see all the js files included in my sources, it's just not ever hitting the initialization of my controller.  What is wrong with this code?</p>
  
  <p>eventListCtrl.js:</p>
  
  <pre><code>eventsApp.controller('eventListCtrl', ['$scope', function ($scope) {
      // this code is never called
      alert('controller initializing');
      $scope.name = "Test";
  }]);
  </code></pre>
  
  <p>app.js:</p>
  
  <pre><code>'use strict';
  
  var eventsApp = angular.module('eventsApp', []);
  </code></pre>
  
  <p>Index.cshtml:</p>
  
  <pre><code>&lt;div ng-controller="eventListCtrl"&gt;
      &lt;div class="row"&gt;
          &lt;div class="spann11"&gt;
              &lt;h2&gt;{{name}}&lt;/h2&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script src="/scripts/vendor/angular.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/app.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/controllers/eventListCtrl.js"&gt;&lt;/script&gt;
  </code></pre>