关闭Ember.js中的粘性查询参数

时间:2014-10-21 13:31:55

标签: javascript ember.js query-parameters

我找到了一个说明我问题的jsbin。 http://emberjs.jsbin.com/ucanam/2708

最后一个链接,在链接到没有设置显式查询参数的情况下,它使用控制器上的当前粘滞查询参数值。有没有办法关闭这个粘性功能?会这样做会打破其他情况吗?

我目前的解决方案是在我想清除的每条路线上清空查询参数:

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);
  }
});

这样可行,但似乎应该有一种更简单的方法。

我应该注意,为每条路径执行类似{{#link-to 'route' (query-params val=null)}}{{/link-to}}的操作不是一种选择,因为我有一些可重用的代码,其中路由是一个变量,所以我不知道查询参数我必须为null进行。

编辑:

如果答案中的文档发生变化,这是正确的方法:

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);
    }
  }
});

编辑2:

现在很容易通过此插件https://github.com/kellyselden/ember-query-params-reset执行此操作。它也会重置为原始值,而不仅仅是将值清零。

1 个答案:

答案 0 :(得分:3)

它为您提供了两个如何在指南中处理此问题的选项:https://guides.emberjs.com/release/routing/query-params/#toc_sticky-query-param-values

看起来选项#2非常接近你正在做的事情:

  

使用Route.resetController挂钩在退出路径或更改路径模型之前将查询参数值设置回默认值。