0

我正在尝试使用queryParams来更新和刷新模型。我已经设置了要使用的操作，route-action因为触发操作的更改事件位于组件内。我已经安装ember-route-action-helper并且更改事件正常工作，但transitionTo没有更新。

在filter-list.hbs

<input type="checkbox"
  class="filter-checkbox inp-{{value.filterValueId}}"
  value="{{value.filterValueId}}"
  onchange={{route-action "updateQuery" value.filterValueId list.filterId}}>

在routes/results.js

export default Ember.Route.extend({

queryParams: {
  status: {
    refreshModel:true
  },
  owner: {
    refreshModel:true
  }
},

params: null,

model(params) {
  this.set('params', params);
  return Ember.RSVP.hash({
    result: this.store.query('result', params),
    filter: this.store.findAll('filter'),
    params: params,
  });
},

setupController(controller, model) {
  this._super(...arguments);
  controller.set('result', model.result);
  controller.set('filter', model.filter);
  controller.set('params', model.params);
},

actions: {
  newParams(data){
    console.log("Received", data);
  },
  updateQuery: function() {
    //I make a URL string here from multiple checkboxes
    //and parse the URL string as a JSON object which is
    //modeled the same as a normal queryParameter
    let newParams = JSON.parse('{"' + decodeURI(urlString).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g,'":"') + '"}')
    console.log(newParams);
    this.transitionTo({queryParams: {newParams}});
  }
}

因此，我首先params从 URL 中提取并发送它们以获取结果并填充过滤器列表（带有过滤器名称的复选框列表）。每次我单击过滤器时，如果它看到复选框已更改，它会updateQuery使用route-action.

操作运行（并且我在控制台中得到了正确的newParams输出。不起作用的行是this.transitionT()。转换没有做任何事情。它没有更新模型，也没有更改 URL，什么都没有。

我错过了什么？

4

1 回答 1

1

对于任何想知道的人，我想通了。

现在，我正在发送{queryParams: {newParams}}到transitionTo函数。但这newParams变成了一个键，它持有的对象就是值，而不是newParams作为一个完整的对象使用。

我已将其更改为{queryParams: newParams}现在它使用变量作为对象，而不是键。

this.transitionTo({queryParams: newParams});

于 2018-06-05T14:02:24.963 回答