How to get current url (including the part after hash) with Ember

Question

I need to get current url from Ember as a "redirectTo" parameter. The parameter will be used to redirect users back to the same page after they login from other app. The url looks like

http://test.com/apps/#/tables/7

I've found this post to get currentPath/route from the application. It provides the current route name but I wonder how I can get the complete path including id from Ember. I have a nested route declaration looks like below.

App.Router.map(function() {
  this.resource('tables', function() {
    this.resource('table', { path: ':table_id' });
  });
});

Any suggestion is welcome. Thanks!

score 3 · Answer 1 · answered Jun 17 '13 at 21:19

3

Observe the currentPath in ApplicationController and update the current URL:

App.ApplicationController = Ember.Controller.extend({
  currentPathDidChange: function() {
    App.currentUrl = window.location.href;
  }.observes('currentPath')
});

answered Jun 17 '13 at 21:19

Panagiotis Panagi

9,927
7
55
103

Thanks! Panagiotis! I have similar code to observe the currentPath change. Does this mean there is no easy way to get the entire url from Ember? – wen Jun 18 '13 at 17:24
AFAIK there's no Ember.js built-in method to get the full href. Don't think it is needed either. Whatever works :) – Panagiotis Panagi Jun 18 '13 at 18:56
This doesn't seem to work in all cases, and seems to "lag" behind the URL. – elsurudo Feb 11 '14 at 11:44
@elsurudo please post an example where this doesn't work – Panagiotis Panagi Apr 10 '14 at 19:09

score 1 · Answer 2 · answered Jun 17 '13 at 18:06

1

Can you just use window.location?

var url = window.location.href;

answered Jun 17 '13 at 18:06

Brandon

38,310
8
82
87

I tried that but the url doesn't get updated correctly when users click on different table. I can write jquery to observe the url change but I wonder if Ember has a way to do it. – wen Jun 17 '13 at 18:19
3

In my experience, this also will fail while executing integration/acceptance tests. It will always return `/tests`. – Chris Peters Apr 23 '15 at 16:08

score -1 · Answer 3 · answered Jun 27 '15 at 15:41

Thanks @Panagiotis Panagi, it works.

Furthermore, currentUrl can only be accessed from application controller, so if you want to get it from other place, you can add this code to a certain controller you want to access it :

export default Ember.Controller.extend({
  needs: ['application'],
  currentPath: Ember.computed.alias('controllers.application.currentPath'),
    ...

}

How to get current url (including the part after hash) with Ember

3 Answers3