Skip to content
Create a gist now

Instantly share code, notes, and snippets.

Embed URL


Subversion checkout URL

You can clone with
Download ZIP
Ember Query Param API examples

How can I send the query-params to the server?


If you are using Ember Data, you can do this with the filter() method. The filter method returns an array that will auto-update as other entries are found.


@machty is there a way to pass query-params a context, instead of the current controller?


This looks pretty great at first glance! Has any consideration been made for something like Matrix URLs to remove the requirement for sticking everything after the query string, even when it may semantically belong elsewhere?

This would allow a URL to look like:


Instead of:


@kamal i'm not sure what you mean, seems like the answer's definitely yes though {{link-to (query-params anythingYouWant)}}


@machty this works for a route like this ?
Primary, NY and 55 are some values from a Fixture Model
The route above is suppose to change when you click on a link



Are there any examples of using query params with an Ember.Select view?


Is it possible to pass an entire object to the queryParams?

For example:

queryParams: ['filters'],
filters: {
  name: 'Ivan',
  age: 666

In the address bar, in theory, it should look like this: ```?filters[name]=ivan&filters[age]=666
But how to do it?

Tried your Gist - - but in Ember 1.7.0 this don't work :)


@dlcwalkoff: Did you ever figure out an easy way to pass an object in the URL like that?


+1 on how to use objects in the query params (e.g., /book/5?filter[chapter]=Chapter1). This style is used heavily in json api and should be supported by Ember. Any ideas on how to go about it? It's also recommended for paging /books?page[number]=1&page[size]=100


Just came up with a way to use object based query params which seems to work:

In the controller you need to map the controller property to your query param key:

queryParams: ['sort',{
    entityNameFilterValue: 'filter[entity.entity-name]'

Then in the routers model function you need to construct the params however you want based on the controller value:

model: function(params){
      params.filter = {};
      params.filter['entity.entity-name'] = params.entityNameFilterValue;
      delete params.entityNameFilterValue;
    // do your store lookup now with params
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.