AngularJS change url with $location

Question

I'm trying to change the URL with AngularJS, but not with a redirect, just change the URL after an event.

What I need is this:

www.myurl.com/inbox/1 to this www.myurl.com/inbox/25

In other words, just change the last Id.

I'm trying to do this:

$location.path('/inbox/'+id);

But what I'm getting is this:

www.myurl.com/inbox/1#/inbox/25

Look here: http://stackoverflow.com/questions/16002984/angularjs-how-can-i-do-a-redirect-with-a-full-page-load — akn, Jul 21 '14 at 19:32
This is the best I could do with our app: https://stackoverflow.com/questions/22940106/path-change-without-reloading-the-route-allow-back-button-to-reload-the-route — Alex C, Jul 21 '14 at 20:56

score 19 · Answer 1 · answered Jan 25 '15 at 21:17

19

usually angular URLs look like

www.myurl.com/#/inbox/1

in which case

$location.url('/inbox/25');

should work for you

answered Jan 25 '15 at 21:17

Orane

2,223
1
20
33

binariedMe · Accepted Answer · 2015-01-25T23:46:26.257

Angular enforces the idea of one page web app. Browsers don't take any actions on change of anything after '#' value. So the best practice is to add variable attributes in url after '#' value which will keep the base url and attribute look clean on browser's address bar as well as solve your problem. My advice is to keep username, page no. , or any specific attribute id after '#' value. In your case you should use something like above said

www.myUrl.com/#/inbox/25

or

www.myUrl.com/inbox/#/25

score 0 · Answer 3 · answered Jun 30 '20 at 08:12

0

For that you should use .url() instead of .path()

$location.url(`/inbox/${id}`)

answered Jun 30 '20 at 08:12

David R

11
1

AngularJS change url with $location

3 Answers3

www.myUrl.com/#/inbox/25

www.myUrl.com/inbox/#/25