URL hash-bang (#!/) prefix instead of simple hash (#/) in Angular 1.6

javascript angularjs url hashbang angularjs-1.6
SherloxTV picture SherloxTV · Dec 19, 2016 · Viewed 31.7k times · Source

My URLs on an AngularJS project have changed from localhost:3000/admin#/ to localhost:3000/admin#!/ since the last time I worked on my project...

Nothing found on the web, does someone know what this is ?

Answer

Mistalis picture Mistalis · Dec 19, 2016

It is new from AngularJS 1.6, which added a new hash prefix.

Due to aa077e8, the default hash-prefix used for $location hash-bang URLs has changed from the empty string ('') to the bang ('!'). If your application does not use HTML5 mode or is being run on browsers that do not support HTML5 mode, and you have not specified your own hash-prefix then client side URLs will now contain a ! prefix. For example, rather than mydomain.com/#/a/b/c the URL will become mydomain.com/#!/a/b/c.

Source here for more information.

If you want to remove this prefix, add this code to your config:

appModule.config(['$locationProvider', function($locationProvider) {
  $locationProvider.hashPrefix('');
}]);

Related questions

how can I get the current url using protractor?

I am testing a website using protractor, and jasmine. I would like to know the current url in order to verify a test. I have tried function waitForUrlToChangeTo(urlRegex) { var currentUrl; return browser.getCurrentUrl().then(function storeCurrentUrl(url) { currentUrl = url; } ).…

Read More
How do I parse URL params after a hash with Angularjs?

I'm trying to parse for the access_token from Foursquare where the URL is like this: https://mywebsite.com/4sqredirect/#access_token=1234567890XXXXX I've tried $routeParams and $location and get nothing returned. Only after I tried $route, I did get …

Read More
AngularJS 1.1.5 - automatically adding hash tag to URLs

Does anyone know why version 1.1.5 automatically adds a hashtag to your urls, and how to turn this off? IMO this is ugly looking. It happens whenever you have a url that doesn't end in a forward slash. (I'm not using …

Read More