Question

我在model挂钩中使用RSVP.hash。但是我需要我的路线来加载基于url（包含动态段）的动态数据。即this.route('foo', {path: ':id'})。

所以我决定将一些东西移到afterModel钩子上。

但是，我需要使用params（用于分页）执行商店：

model(params) {
  this.set('params', params);
  return this.store.findRecord('foo', params.foo_id);
},

afterModel: function(model) {
  console.log(this.get('params')); // logs the right params
  let params = this.get('params');

  // This store query needs access to params
  this.store.query('bar', { filter: { 'foo-id': model.get('id') }, page: { number: (params.page ? params.page : 1) } }).then(bars => {
    this.controller.set('bars', bars);
  });
}

setupController(controller, model) {
  this._super(controller, model);

  this.set('bars', bars);
}

到目前为止，我有这个，有效：

model(params) {
  this.set('params', params);
  ...
},

afterModel: function(model) {
  console.log(this.get('params')); // logs the right params
  ...
}

但这是在params挂钩中访问afterModel的唯一方法吗？

这种做法是否合理？

Answer 1

afterModel挂钩提供了名为transition的第二个参数。你可以使用这样的路径从它获取参数：transition.params.{route-name}.{param-name}，所以考虑你的例子：

//let's say this is BazRoute and BazController:

model(params) {
  return this.store.findRecord('foo', params.foo_id);
},

afterModel: function(model, transition) {
  const params = transition.params.baz;
  console.log(params); // logs the right params

  // This store query needs access to params
  this.store.query('bar', { filter: { 'foo-id': model.get('id') }, page: { number: (params.page ? params.page : 1) } }).then(bars => {
    this.controller.set('bars', bars);
  });
}

Answer 2

使用this.paramsFor(this.routeName)函数获取带有参数的普通对象。

如何在afterModel钩子中访问params

2 个答案: