Doesn't display data

ganrod · 2015-12-23 02:13:26 UTC

this is my code:

gist.github.com

https://gist.github.com/codecademydev/19f253cdb592e30c5568

EventController.js

app.controller('EventController', ['$scope', '$routeParams', 'events', function($scope, $routeParams, events) {
  events.success(function(data) {
    $scope.event = data.events[$routeParams.id];
  });
}]);

app.js

var app = angular.module('CalendarApp', ['ngRoute']);

app.config(function($routeProvider) {
  $routeProvider
    .when('/', {
    controller: 'DayController',
    templateUrl: 'views/day.html'
  })
  .when('/:id', {
    controller: 'EventController',

This file has been truncated. show original

day.html

<!-- Format a date so it displays in the format "Friday 1/16" -->
<h2 class="date">{{ day.date | date: 'EEEE M/dd' }}</h2>

TODO: Loop through events and display each one with this HTML

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

This file has been truncated. show original

There are more than three files. show original

i need help getting this to work

apricot_bandit · 2016-06-27 04:37:58 UTC

The error is in index.html. I noticed ngular-route.min.js is missing in the section <head>.

Incorrect:

<head>
  <link href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css" rel="stylesheet" />
  <link href="css/main.css" rel="stylesheet" />
  <script src="js/vendor/angular.min.js"></script>
</head>

Correct:

  <head>
    <link href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css" rel="stylesheet" />
    <link href="css/main.css" rel="stylesheet" />
    <script src="js/vendor/angular.min.js"></script>
      <script src="https://code.angularjs.org/1.2.28/angular-route.min.js"></script>

  </head>