Angular New Router remove /# from URL

284 Views Asked by Juan Ignacio Mignaco Fernández At 24 September 2015 at 09:03

I'm on angular 1.4.6 and new router version 0.5.3 and wanted to remove the '/#' from the url. Can't seem to find anything about it on the Internet.

Edit: $locationProvider.html5mode(true); gives the following error: Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: TypeError: $locationProvider.html5mode is not a function

Original Q&A

There are 2 best solutions below

Arkantos On 24 September 2015 at 09:34 BEST ANSWER

You can remove Hashtag from URLs only in browsers that support HTML5 History API. As you can see here, it's not supported in IE9, so in that case it will fallback to Hashtags.

Having said that, to make your URLs pretty in browsers that do support, you can enable html5Mode using $locationProvider config like below.

  angular.module('myApp', [])  
         .config(function($locationProvider){
             $locationProvider.html5Mode(true);
         });

In addition to this, you need to define the base URL of your application for the angular-router to identify the routes. If your URL is

http://localhost:8080/myApp/#showLogin
http://localhost:8080/myApp/#showHomePage

then you need to define the base URL using <base> tag like below

<head>
    <base href="/myApp">
</head>

Hope this helps :)

Mats Kruger On 24 September 2015 at 09:05

Taken from Scotch.io

$locationProvider.html5Mode(true);

Angular New Router remove /# from URL

There are 2 best solutions below

Related Questions in JAVASCRIPT

Related Questions in ANGULARJS

Related Questions in ANGULAR-NEW-ROUTER

Trending Questions

Popular # Hahtags

Popular Questions