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

Question

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

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

路由上配置查询参数如下:

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

我分别在路线和 Controller 上尝试了以下操作:

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

我也尝试过简单的 this.set('hours', null) 但它没有什么区别。 Ember 文档没有讨论清除参数，只是阻止它们被粘住。

Answer 1

queryParams 始终存在于 Controller 上。因此，在 Controller 上有类似 queryParams: ['dateFrom', 'dateTo', 'hours'] 的内容。然后你可以直接执行controller.set('dateFrom', null)来设置queryParam`。

因此，在路线上，您可以执行 this.controller.set('dateFrom', null) 操作，并在 Controller 上执行 this.set('dateFrom', null) 操作>.

这有点令人困惑，因为 queryParams 的配置分散在路由和 Controller 中。但是，queryParams 的值始终是直接路由属性。并且不嵌套在queryParams对象下。这只是配置。