title: AngularJS data will not load through ng-route
body: <p>I am trying to get some data into a tab. My application uses ng-route, so here is my config code: </p>
  
  <pre><code>app.config(['$routeProvider', function($routeProvider){
  $routeProvider
      .when('/EventList',{
          templateUrl:'html/eventsList.html',
          controller: 'eventListController',
          controllerAs:'eventListCrtl'
              })
      .otherwise({redirectTo:'/'});
  }]);
  </code></pre>
  
  <p>I define here the controller and the name the controller will have inside my template with controllerAs</p>
  
  <p>Here is my controller code:</p>
  
  <pre><code>app.controller('eventListController',['$scope', 'EventListHolder', function($scope, EventListHolder){
      var eventList = EventListHolder.get();
      window.alert(eventList.eventHead[1].numeroDossier);
  
  }]);
  </code></pre>
  
  <p>It retrieves the data from a factory. The data is loaded into the controller since the window.alert works.</p>
  
  <p>But for some reson it doesnt see to show up in my template, where I am trying to display the eventHead table in an HTML table.
  Here is the HTML: </p>
  
  <pre><code>&lt;div align="center"&gt;
              &lt;div class="container-fluid"&gt;
                  &lt;header&gt;
                      &lt;h1&gt;Event List&lt;/h1&gt; 
                  &lt;/header&gt;
              &lt;/div&gt;
  
              &lt;table class="row-spacer40 table-fill" &gt;
                  &lt;thead&gt;
                      &lt;tr&gt;
  
                          &lt;th class="text-left"&gt;Numero&lt;/th&gt;
                          &lt;th class="text-left"&gt;Dossier/Client&lt;/th&gt;
                          &lt;th class="text-left"&gt;Lieu&lt;/th&gt;
  
  
                      &lt;/tr&gt;
                  &lt;/thead&gt;
  
                  &lt;tr ng-repeat="event in eventListCrtl.eventList.eventHead"&gt;
                      &lt;td&gt; &lt;a href="/EventDetail"&gt;{{event.numeroDossier}}&lt;/a&gt;
                      &lt;/td&gt;
                      &lt;td&gt;{{event.designationDossier}}&lt;br&gt;{{event.nomClient}}
                      &lt;/td&gt;
                      &lt;td&gt;{{event.adresse}}
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Is there something specific to ng-route that I am overlooking ?</p>
  
  <p>PS: If it helps, here is the JSON containing the data. (If you want a clear definition of my data structure.)</p>
  
  <pre><code>    {
  "eventHead": [
      {
          "numeroDossier": 96549,
          "designationDossier": "TECHNIQUE MARIAGE ",
          "nomClient": "Olivia John &amp; Donovan Hamlet",
          "adresse": "ABBAYE DES VAUX DE CERNAY"
      },
      {
          "numeroDossier": 98986,
          "designationDossier": "TOURNEE FDJ OLA",
          "nomClient": "LA FRANCAISE DES JEUX",
          "adresse": "MAGNUM"
      }
  ],
  "success": true
    }
  </code></pre>