6

I'm using ui-router for AngularJS; I'm handling the '$stateChangeSuccess' event, and trying to get the full path (after '#') for the current state. $location.hash() returns an empty string and $state.url returns only the portion of the path that applies to the nested state.

My full path #/a/b

$state.url == "/b"
$locadtion.hash() == ""

How can I get #/a/b or /a/b?

Jakub
  • 20,418
  • 8
  • 65
  • 92
Trevor
  • 13,085
  • 13
  • 76
  • 99

4 Answers4

12

You can always use:

window.location

or:

window.location.hash

(if that's what you want).

Ben
  • 2,661
  • 28
  • 31
2

Have you tried $location.url()? That should include the hash. Actually, my test reveals that it doesn't grab the hash.

$location docs

As an aside, you may want to look into setting html5Mode in $locationProvider.

Nelu
  • 16,644
  • 10
  • 80
  • 88
jsplaine
  • 612
  • 5
  • 16
  • 1
    Does html5Mode help with the solution, or is it just a better practice? If so, what's the advantage? – Trevor Dec 17 '13 at 22:30
  • 2
    [This stackoverflow](http://stackoverflow.com/a/16678065/1435916) answer explains what it does and why it may matter better than I could. – jsplaine Dec 17 '13 at 22:39
  • 1
    To better answer your question, the reason I used it was to get rid of the # appearing in the url bar. – jsplaine Dec 17 '13 at 23:08
1

You should listen to the $locationChangeSuccess event.

There you can use $location.path() or window.location.hash depending on your needs.

C.M.
  • 397
  • 4
  • 5
0

try concatenating the URI parts together

window.location.origin + window.location.pathname + window.location.hash

PS: doesn't work on Firefox :(

pkbyron
  • 163
  • 3
  • 9