AngularJS "#!" on url

Question

someone knows what "#!" Means. on the url?

I was working until then this appears,I had a "#" always in the url and would like to keep it that way. Currently routing is not working anymore,probably because of this url change.

It's part of a business project, i don`t want to change to html5Mode.

I tried to use:

$locationProvider.hashPrefix("");

Even correcting the url in this way routing is having problems

How do you do your routing ? if you're using angular-route, then when you loads your web, what's your URL looks like ? When this #! appears ? angular route doesn't work if it have no valid url like #/report — DennyHiu
– DennyHiu, Commented Dec 13, 2016 at 0:57
For reference, here's a simple routing in angular plnkr.co/edit/dd8Nk9PDFotCQu4yrnDg?p=preview — DennyHiu
– DennyHiu, Commented Dec 13, 2016 at 1:06

Community · Accepted Answer · 2017-05-23 12:34:24Z

9

Thats called hash-bang.

To fix this use :

    angular.module('yourApp', [])
    .config(['$locationProvider', function($locationProvider) {
        $locationProvider.hashPrefix('');
    }]);

Adding html5Mode would even get rid of the '#' in the url but if you refresh the page, then you would get a 404 error. This can be fixed by configuring your server a bit. For that you might want to check the nice little tutorials :

There is another answer to the hashbang issue in stackoverlow :

Doing links like Twitter, Hash-Bang #! URL's

edited May 23, 2017 at 12:34

CommunityBot

11 silver badge

answered Mar 31, 2017 at 10:17

onFuryRoad

3725 silver badges13 bronze badges

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

Comments

Danilo Velasquez · Accepted Answer · 2016-12-13 01:01:36Z

1

You can use html5Mode in your location provider.

$locationProvider.html5Mode(true);

more info https://scotch.io/tutorials/pretty-urls-in-angularjs-removing-the-hashtag

answered Dec 13, 2016 at 1:01

Danilo Velasquez

5012 silver badges12 bronze badges

Comments

rvchauhan · Accepted Answer · 2016-12-13 10:48:27Z

0

Set html5mode true in your app.config

$locationProvider.html5Mode(true).hashPrefix('*');

answered Dec 13, 2016 at 10:48

rvchauhan

899 bronze badges

Collectives™ on Stack Overflow

AngularJS "#!" on url

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related