AngularJS : custom routes

app.js

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

// create the controller and inject Angular's $scope
app.controller('mainController', function($scope) {
		// create a message to display in our view
		$scope.message = 'Everyone come and see how good I look!';
});

// configure our routes
app.config(function($routeProvider, $locationProvider) {
    $routeProvider
        // route for the home page
        .when('/', {
            templateUrl : 'partials/home.html',
            controller  : 'homeController'
        })
				.when('/404', {
            templateUrl : 'partials/404.html',
            controller  : 'fourzerofourController'
        })
				$routeProvider.otherwise({redirectTo: '/404', controller: 'fourzerofourController'});
				// use the HTML5 History API
    		$locationProvider.html5Mode({
						enabled: true,
						requireBase: false,
						rewriteLinks: true
				});
});

app.controller('homeController', function($scope) {
    $scope.message = 'home -- under construction';
});

app.controller('fourzerofourController', function($scope) {
    $scope.message = 'sorry, but the page you are looking for cannot be found!';
});