Using Box OAuth with AngularJS route system

Question

I'm trying to authenticate users into an AgularJS app that uses routes based on hash (#) URLs.

So I'm calling

with redirect_uri contaning an URL with a hash-based route, for example http://myapp.mydomain.com/#box.

Then after granting access, I am redirected to something like: http://myapp.mydomain.com/?code=CODE#/box .

The problem is that the hash part is after the query params, so it is not matching my route rule:

    state('box', {
      url: "/box?code",
      template: "<p>BOX</p>"
    })

How can I make this URL match my route?

andrecardoso andrecardoso · Accepted Answer · 2013-12-04T11:35:22

I've made it work by listening to $locationChangeStart event and then I "fix" the URL by putting the hash route before the query params.

This way, it matches my route with the code parameter correctly filled.