javascript - Turn off sticky query params in Ember.js - Stack Overflow

admin管理员组

文章数量:1435859

I found a jsbin that illustrates my problem. .

That last link, where there are no explicit query-params set on the link-to, it uses the current sticky query param value on the controller. It there a way to turn this sticky feature off? Would doing so break other scenarios?

My current solution is to null out query params on every route I want cleared:

export default Ember.Route.extend({
  deactivate: function() {
    var controller = this.controllerFor(this.get('controllerName'));
    var queryParams = controller.get('queryParams');
    for (var i = 0; i < queryParams.length; i++)
      controller.set(queryParams[i], null);
  }
});

This works but it seems like there should be an easier way.

I should note that doing something like {{#link-to 'route' (query-params val=null)}}{{/link-to}} for every route is not an option because I have some reusable code where the route is a variable, so I won't know the query params I have to null out.

Edit:

Here is the proper way to do it, in case the doc's from the answer change:

export default Ember.Route.extend({
  resetController: function(controller, isExiting) {
    if (isExiting) {
      var queryParams = controller.get('queryParams');
      for (var i = 0; i < queryParams.length; i++)
        controller.set(queryParams[i], null);
    }
  }
});

Edit 2:

It's now very easy to do this via this addon . It also resets to the original values, not just nulling out values.

I found a jsbin that illustrates my problem. http://emberjs.jsbin./ucanam/2708.

That last link, where there are no explicit query-params set on the link-to, it uses the current sticky query param value on the controller. It there a way to turn this sticky feature off? Would doing so break other scenarios?

My current solution is to null out query params on every route I want cleared:

export default Ember.Route.extend({
  deactivate: function() {
    var controller = this.controllerFor(this.get('controllerName'));
    var queryParams = controller.get('queryParams');
    for (var i = 0; i < queryParams.length; i++)
      controller.set(queryParams[i], null);
  }
});

This works but it seems like there should be an easier way.

I should note that doing something like {{#link-to 'route' (query-params val=null)}}{{/link-to}} for every route is not an option because I have some reusable code where the route is a variable, so I won't know the query params I have to null out.

Edit:

Here is the proper way to do it, in case the doc's from the answer change:

export default Ember.Route.extend({
  resetController: function(controller, isExiting) {
    if (isExiting) {
      var queryParams = controller.get('queryParams');
      for (var i = 0; i < queryParams.length; i++)
        controller.set(queryParams[i], null);
    }
  }
});

Edit 2:

It's now very easy to do this via this addon https://github./kellyselden/ember-query-params-reset. It also resets to the original values, not just nulling out values.

• javascript
• ember.js
• query-string

Share Improve this question Follow edited Apr 8, 2016 at 18:29 Kelly Selden asked Oct 21, 2014 at 13:31 Kelly SeldenKelly Selden 1,27611 gold badge1111 silver badges2121 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

It gives you two options for how to handle this in the guides: https://guides.emberjs./release/routing/query-params/#toc_sticky-query-param-values

Looks like option #2 is pretty close to what you are doing:

use the Route.resetController hook to set query param values back to their defaults before exiting the route or changing the route's model.

本文标签： javascriptTurn off sticky query params in EmberjsStack Overflow