How to get the current route, queryParams, etc. in an Ember component

current-route-query-params-ember-component.js

// Examples

// Yes, "router.router" twice - this assumes that the router is being injected
// into the component. Otherwise lookup 'router:main'
// One of these will be of interest, figure out which one you want:
this.get('router.router.state');
this.get('router.router.state.params');

this.get('container').lookup('controller:application').currentPath;

// May work:
this.get('container').lookup('router:main').router.state;

I'm new to Ember so I could be wrong, but I think using this.get('container') is now depreciated. Instead this should work:

import Ember from 'ember';
const {
  getOwner
} = Ember;
...
getOwner(this).lookup('controller:application').currentPath

can confirm that https://gist.github.com/eliotsykes/8954cf64fcd0df16f519#gistcomment-1695823 works.

🌮 Thank you!

The query param can be passed to the component in the template.hbs for the component. This worked for me.

I found it in this StackOverflow post: https://stackoverflow.com/questions/30948579/passing-query-parameters-into-component-emberjs

Since Ember 2.15 you can do this through the public Router service.

router: service(),
myRouteName: computed('router.currentRouteName', function () {
    return this.get('router.currentRouteName') + 'some modification';
}

https://www.emberjs.com/api/ember/release/classes/RouterService

Which worked really well for me since I wanted something computed off of the current route. The service exposes currentRouteName, currentURL, location, and rootURL.

currentURL has the query params, but you would need to parse them from the URL.