Angular state navigation - add querystring to URL

Question

My application when starts can automatically navigate to a specified state like this:

localhost://start.html#/case

When a user navigates to this state some parameters are prepared internally to get specific data for templates shown in case state. I need to be able to have an URL with querystring added to the URL in order for the user to copy and paste it into his email or somewhere else. Something like this:

    localhost://start.html?project=1234#/case

I have spent a considerable time trying to make it work. I tried

$location.search('project', '1234');

But could not get an URL that would actually work.

Please help me with this task.

Thanks

what routing service are you using? routeProvider or stateprovider (ui-router)? — Anonymous Duck
– Anonymous Duck, Commented Dec 2, 2016 at 2:42

Carlos Arauz · Accepted Answer · 2016-12-02 05:10:34Z

2

Hi you can add the parameters at the end of the url

localhost://start.html#/case?project=1234

then you can get the parameters in angular using $location

var projectId = $location.search().project;
// or
var projectId = $location.search('project');
// clear url
$location.search('project', null);

answered Dec 2, 2016 at 5:10

Carlos Arauz

8056 silver badges8 bronze badges

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

2 Comments

Mark Over a year ago

How do I add them to the end of the url?

Carlos Arauz Over a year ago

how you are adding the parameteres internally?? please paste the code, sorry my delay

Collectives™ on Stack Overflow

Angular state navigation - add querystring to URL

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related