title: Dynamically updating query params
body: <p>In ember.js how do you dynamically update a query param? </p>
  
  <pre><code>export default Ember.Controller.extend({
      myQuery: "test",
  
      queryParams: ["myQuery"],
  
      actions: {
         click() {
            this.set("myQuery", "update query param");
        }
      }
  });
  
  
  export default Ember.Route.extend({
    queryParams: {
      myQuery: { refreshModel: true }
    },
    model(params) {
      console.log(params)
    }
  });
  </code></pre>
  
  <p>When the action is fired the model hook should be called again, unless I am wrong?</p>
  
  <p><a href="https://ember-twiddle.com/69ff6d0319c6b48dddef000f5c3f2fd4?openFiles=templates.components.my-button.hbs%2Ctemplates.components.my-button.hbs&amp;route=%2Ftest" rel="nofollow noreferrer">Please find an example here</a>, navigate to the <code>/test</code> route and click the button. Inside the console you can see that the model hook is not fired again. </p>