I am trying to use the locationProvider to remove the hashtag from the url routes in angular js but it gives me error.

app.js

var eclassApp = angular.module('eclassApp', 

    ['ngRoute', 'eclassControllers', ]

);



eclassApp.config(['$routeProvider','$locationProvider',

    function ($routeProvider, $locationProvider){

        $routeProvider.

            when('/',{

                templateUrl: '/html/student-list.html',

                controller: 'StudentsListCtrl',

            }).

            when('/students/:studentId',{

                templateUrl: '/html/student-details.html',

                controller: 'StudentDetailsCtrl',



            }).otherwise({

                redirectTo: '/students'

            });

            $locationProvider.htmlMode(true);

    }]

);

the error:

 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.13/$injector/modulerr?p0=eclassApp&p1=TypeE…oogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.13%2Fangular.min.js%3A17%3A1)

Am I missing something?

EDIT: calling the html5Mode function with options object like this

$locationProvider.html5Mode({

    enabled:true

})

i get the following error (changed to angular full to get a better explanation of the error istead of the minified version)

Error: [$location:nobase] $location in HTML5 mode requires a <base> tag to be present!

http://errors.angularjs.org/1.3.13/$location/nobase