Using angular route url formation #!/ issue

Question

I'm following the course Staying Sharp With AngularJs.

The course put some code in app.ts:

angular
    .module("NoteWrangler", ["ngRoute"])
    .config(function ($routeProvider: angular.route.IRouteProvider) {
        $routeProvider
            .when("/notes", {
                templateUrl: "templates/pages/notes/index.html"
            });
    });

Ok, so the links are formed like this:

somedomain/index.html/#/myPage

But when I try my urls are build like this:

somedomain/index.html#!/myPage

Why the difference?
Between ".../#/..." and "...#!/..." I mean.
How can I change between these two?

score 2 · Accepted Answer · answered Feb 06 '17 at 13:45

2

Why the difference?

Old versions of Angular used #.

Some years ago, it was changed to use #! so it would play nicely with the (now deprecated) Google Ajax crawling spec.

answered Feb 06 '17 at 13:45

Quentin

914,110
126
1,211
1,335

score 1 · Answer 2 · edited May 23 '17 at 12:33

1

In angular it's called a shebang and works closely with your ngroute class. This topic contains some elaborate answers

edited May 23 '17 at 12:33

Community

1
1

answered Feb 06 '17 at 13:39

DGK

2,947
5
32
47

Using angular route url formation #!/ issue

2 Answers2