The event view doesn't work

csswhiz21421 · February 14, 2017, 7:18am

What’s the problem with my code?
Day view works perfect, but event view shows nothing

gist.github.com

https://gist.github.com/codecademydev/626e5f3979fb0cab88aadd5c1c72be9f

EventController.js

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

event.html

<div class="event-detail">
  <h2 class="event-name">{{ event.name }}</h2>
  <p class="time"><span class="from">{{ event.from | date:'shortTime' }}</span> - <span class="to">{{ event.to | date:'shortTime' }}</span></p>
  <p class="where">{{ event.where }}</p>
</div>

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;
  });
}]);

There are more than three files. show original

csswhiz21421 · February 14, 2017, 7:31am

solved. In the controller I should write $scope.event = data.events[$routeParams.id];

system · February 21, 2017, 7:31am

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.