AngularJS $locationProvider.html5mode() undefined

Question

I am trying to use angular's $locationProvider.html5mode() to removed the "#" in URLs, but for some reason it always throws an error that html5mode is undefined. I tried logging $locationProvider in the console to inspect its properties and html5mode is present but when I try invoking it, it throws an error that its undefined. Has anyone experience this before and wouldn't mind shedding some light on what I am missing. Thanks in advance.

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

app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {

    $locationProvider.html5mode(true);        

    $routeProvider
        .when('/', {
            templateUrl: 'partials/home.html',
            controller: 'PageController'
        })
        .when('/app', {
            templateUrl: 'partials/app.html',
            controller: 'PageController'
        });

}]);

dfsq · Accepted Answer · 2014-11-09 13:18:43Z

22

You typed incorrect method name. Change

$locationProvider.html5mode(true);

to

$locationProvider.html5Mode(true);

with M uppercase in word mode.

answered Nov 9, 2014 at 13:18

dfsq

193k26 gold badges244 silver badges261 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

dsan Over a year ago

Wow! thank you so much! I knew it was something trivial but important I was missing. Frustration sometimes clouds my thinking. LOL. Thank you again!

dfsq Over a year ago

No, problem, sometimes we just need a fresh eye!

Collectives™ on Stack Overflow

AngularJS $locationProvider.html5mode() undefined

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related