title: |BUG| Ember Query Params sticks for nested routes
body: <p>I have an ember app with these nested routes:</p>
  
  <pre><code>Router.map(function() {
      this.resource('articles', {path: 'yazilar' }, function() {
          this.route('article', { path: ':id' });
      });
  });
  </code></pre>
  
  <p>I use query params to filter the articles shown: </p>
  
  <pre><code>// `articles` route
  export default Ember.Route.extend({
    queryParams: {
      tab: {
        refreshModel: true
      }
    },
    model: function(params) {
      return this.store.find('article', { tab: params.tab });
    },
    resetController: function(controller, isExiting, transition) {
      if (isExiting) {
        controller.set('tab', 'interesting');
      }
    }
  });
  </code></pre>
  
  <p>and a template <code>articles/index.hbs</code> with <code>link-to</code></p>
  
  <pre><code>{{#link-to 'articles' (query-params tab="newest") class="right item"}}New{{/link-to}}
  {{#link-to 'articles' (query-params tab="popular") class="right item"}}Popular{{/link-to}}
  </code></pre>
  
  <p>I can switch to a new route like <code>articles/?tab=newest</code> or <code>articles/?tab=popular</code>, but when I switch to a nested route like <code>articles/1</code>, the query param persists so it becomes <code>articles/1/?tab=newest</code>.</p>
  
  <p>I am also seeing this error as well, maybe related: <a href="https://github.com/emberjs/ember.js/issues/5070" rel="nofollow">https://github.com/emberjs/ember.js/issues/5070</a></p>
  
  <p>So how to get rid of the query param when switching to a nested route in emberjs?</p>