Ember Query Params unset Query Parameter

Question

I am using the new Ember Query Parameters and having issues "unsetting" a query parameter.

I have a scenario where I need to navigate from something like: ?game=13 to ?question=14. This means that I have 2 query parameters on my router: game, question. Unfortunately this transition (coming from ?game=13):

this.transitionToRoute({queryParams: {question: 14}} );

This unfortunately leads to :

?game=13&question=14.

I have also tried:

this.transitionToRoute({queryParams: {question: 14, game: null}} );

which leads to:

?game=null&question=14

Because somehow everything is stringtransformed.

How can I transition to ?question=14 and remove the game query parameter?

Answer 1

Initialize your properties storing query params to some value. Set them back to this initial value to remove them from your URL later:

App.SomeController = Ember.Controller.extend({
    queryParams: ['myParam'],
    myParam: "initial",

    ...
);

Later...

controller.set('myParam', "initial");