Hello all,
I’ve checked my code several times, but I think I am missing something to correct. My Output of day.html showing expressions like {{day.date | datetime}}
Where it should display date. Please check and help…
Day.html
`<h2 class="date"> {{day.date | datetime}} </h2>
<div class="event" ng-repeat="day in day.events">
<a href="#/{{$index}}">
<h3 class="name"> {{day.name}} </h3>
<p><span class="from"> {{day.from}} </span> - <span class="to"> {{day.to}} </span></p>
</a>
</div>`
DayController.js
app.controller('DayController', ['$scope','events', function($scope,events) {
events.success(function(data){
$scope.day = 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;
});
}]);
app.js
var app = angular.module('CalendarApp', ['ngRoute']);
app.config(function($routeProvider){
$routeProvider
.when('/',{
controller:'DayController',
templateUrl:'views/day.html'
})
.otherwise('/');
});
Please help !! and Thank you for your glance !!