如何使用 ember 操作将查询参数设置为 null？

【问题标题】：How to set query param to null with an ember action?如何使用 ember 操作将查询参数设置为 null？
【发布时间】：2018-12-10 09:58:40
【问题描述】：

在我的 Ember 应用程序中，我使用查询参数来刷新模型数据并呈现新信息。我有一个用例需要能够清除所有数据并从“新”过滤器开始。

我正在尝试在我的 ember 应用程序中创建一个“重置”按钮。此按钮应将 URL 中的现有查询参数还原为 null。

路由上的查询参数配置如下：

export default Route.extend({
  queryParams: {
    dateFrom: {refreshModel:true},
    dateTo: {refreshModel:true},
    hours: {refreshModel:true}
  }
}),

我分别在路由和控制器上尝试了以下操作：

resetParams() {
      this.set('queryParams.hours', null)
    }

我也简单地尝试过 this.set('hours', null) 但它没有任何区别。 Ember 文档没有讨论清除参数，只是阻止它们变得粘滞。

【问题讨论】：

标签： javascript ember.js

【解决方案1】：

queryParams 始终出现在controller 上。所以在控制器上你有类似queryParams: ['dateFrom', 'dateTo', 'hours'] 的东西。然后你可以directly docontroller.set('dateFrom', null)to set thequeryParam`。

所以在路线上你可以做this.controller.set('dateFrom', null)，在控制器上this.set('dateFrom', null)。

这有点令人困惑，因为queryParams 的配置分散在路由和控制器上。但是，queryParams 的值始终是直接路由属性。 not 嵌套在 queryParams 对象下。那只是配置。

【讨论】：

这一切都说得通。