Day view doesn't display data


#1

Not sure what I have wrong but it's not showing the day data:

day.html

        <h2 class="date">{{ days.date | date }}</h2>
        <div class="event" ng-repeat="event in days.events">
          <a href="#/{{$index}}">
            <h3 class="name">{{event.name}}  </h3>
            <p><span class="from"> {{event.from | date}} </span> - <span class="to"> {{event.to | date}} </span></p>
          </a>
        </div>

DayController.js

    app.controller('DayController', ['$scope', 'events', function($scope, events) {
      events.success(function(data) {
        $scope.days = data;
      });
    }]);

events.js

app.factory('events',['$http', function($http){
	return $http.get('https://s3.amazonaws.com/codecademy-content/courses/ltp4/events-api/events.json')
  .success(function(data){
  	return data;
  })
  .error(function(err){
  	return err;
  });
}]);

#3

Change 'days' to 'day'.

per...

    $scope.day = data;

Also, if like me you cannot find angular-route.js in the vendor folder, use the CDN...

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-route.js"></script>

#4

My d'uh...

The link is right in the instructions, had I just copied it.

https://code.angularjs.org/1.2.28/angular-route.min.js

It doesn't match the version of angular.min.js in the vendor folder, but this shouldn't be a problem.