title: Cannot pass queryParams
body: <p>I'm newbie in ember.js and i'm trying to sort a list of products in my app. </p>
  
  <p>I have a route <code>catalog/category.js</code>:</p>
  
  <pre><code>import Ember from 'ember';
  export default Ember.Route.extend({
    queryParams: {
      ordering: {
        refreshModel: false,
      },
    },
    model (params) {
      return Ember.RSVP.hash({
        categories: this.store.peekAll('category'),
        category: this.store.peekRecord('category', params.category_id),
      });
    }
  });
  </code></pre>
  
  <p>and controller <code>catalog/category.js</code>:</p>
  
  <pre><code>import Ember from 'ember';
  export default Ember.Controller.extend({
    queryParams: ['ordering'],
    ordering: null,
    sortedProducts: Ember.computed.sort('model.category.products', 'ordering'),
  });
  </code></pre>
  
  <p>Link passes a parameter:</p>
  
  <pre><code>{{#link-to 'catalog.category' (query-params ordering='price')}}Price Asc{{/link-to}}
  </code></pre>
  
  <p><code>ordering</code> parameter is setting to <code>price</code> and it doesn't work. But when I manually set the <code>ordering</code> parameter to <code>['price']</code> - everything works as expected.</p>
  
  <p>Can anyone suggest how to fix it?</p>