current community

your communities

more stack exchange communities

Stack Exchange
tour help
stack overflow careers
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite

Currently, I am using AngularJS html4mode to extract URL parameters. I would like to change to using hashbang method because my routing got screwed up after enabling html4mode.

For extracting URL parameters using html4mode, the URL is http://127.0.0.1/webroot/start.html?Venue=XXX

The configuration code for $locationProvider is as follows;

$locationProvider.html5Mode(true);  //configure $location

Inside the controller;

var url_param = ($location.search()).Venue;

I failed when I tried to convert to hashbang. I am at a loss now

To convert to hashbang, how would the URL look like and what changes need to be made to the controller and configuration of $locationProvider?

Thank you very much for your help.

share|improve this question

1 Answer 1

up vote 1 down vote accepted

if you turn off html5mode the URL:

http://127.0.0.1/webroot/start.html?Venue=XXX

becomes

http://127.0.0.1/webroot/start.html#/?Venue=XXX

if you want use hashbang URL (for SEO, Facebook or whatever) you should add the "!" prefix to your URL, with:

$locationProvider.html5Mode(false).hashPrefix('!');

And your URL becomes:

http://127.0.0.1/webroot/start.html#!/?Venue=XXX

the search method of $location should work, following the documentation

Move from html5Mode to hashbang (or vice versa) needs you to refactor the links in your app. To avoid this kind of situation I prefer using ui-router and modify links in terms of state transition (i.e. using ui-sref). In this way, it's ui-router that modify the URL with or without the hash for you

share|improve this answer
    
Thanks for the answer. I made some slight modification to get the right answer which I have tested and confirmed on my side. See the edited URL. –  user3293156 Apr 27 '14 at 14:48

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.