AngularJs Routing without hashtag in link?

Question

I\'ve recently began learning AngularJs for web development and am loving it so far. However, I\'m not so sure about having hashtags withing the link when routing between views.

Answer 1

You might want to set Angular's $locationProvider to use html5Mode.

FTA: $location service has two configuration modes which control the format of the URL in the browser address bar: Hashbang mode (the default) and the HTML5 mode which is based on using the HTML5 History API. Applications use the same API in both modes and the $location service will work with appropriate URL segments and browser APIs to facilitate the browser URL change and history management.

html5Mode will give you "normal" urls in modern browsers while falling back to hash bangs on older browsers.

An html5Mode url:

http://foo.com/bar?baz=23#baz

a hashbang url:

http://foo.com/#!/bar?baz=23#baz