Skip to content

Instantly share code, notes, and snippets.

@codecademydev
Created June 4, 2017 17:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save codecademydev/943f96e22e38f16280066bca58e91764 to your computer and use it in GitHub Desktop.
Save codecademydev/943f96e22e38f16280066bca58e91764 to your computer and use it in GitHub Desktop.
Codecademy export
var app = angular.module('CalendarApp', ['ngRoute']);
//app.config(function ($routeProvider) {
// $routeProvider
// .when('/', {
// controller: 'DayController',
// templateUrl: 'views/day.html'
// })
// .when('/:id', {
// controller: 'EventController',
// templateUrl: 'views/event.html'
// })
// .otherwise({
// redirectTo: '/'
// });
//});
app.config(['$routeProvider', function ($routeProvider) {
$routeProvider
.when('/', {
controller: "DayController",
templateUrl: "views/day.html"
})
.when('/:id', {
controller: 'EventController',
templateUrl: 'views/event.html'
})
.otherwise({
redirectTo: '/'
});
}]);
<div class="event-detail">
<h2 class="event-name">{{ event.name }}</h2>
<p class="time"><span class="from"> {{ event.from }} </span> - <span class="to"> {{ event.to | time }} </span></p>
<p class="where"> {{ event.where }} </p>
</div>
app.controller('EventController', ['$scope', 'events', '$routeParams', function($scope, events, $routeParams) {
events.success(function(data) {
$scope.event = data.events[$routeParams.id];
});
}]);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment