Ember 路由查询参数默认值

Question

我对 Ember Route 中的 queryParams 默认值有疑问。我的路线类看起来像：

export default Ember.Route.extend({
  queryParams: {
    pageNumber: { refreshModel: true },
    pageSize: { refreshModel: true }
  },

  model(params) {
    console.log(params);

    return this.store.query('user', {
      page: {
        number: params.pageNumber,
        size: params.pageSize
      }
    });
  }
});

和控制器：

import Ember from 'ember';

export default Ember.Controller.extend({
  queryParams: {
    pageNumber: 'page',
    pageSize: 'limit'
  },

  pageNumber: 1,
  pageSize: 25
});

但是如果 url 没有 'page' 和 'limit' 查询参数，模型钩子参数有 { pageNumber: undefined, pageSize: undefined }。有没有办法像控制器 queryParams 一样为 Route queryParams 设置默认值？

Answer 1

你可以在你的路由器模型钩子中设置默认值，然后你不需要在你的控制器中设置它们：

export default Ember.Route.extend({
  queryParams: {
    pageNumber: { refreshModel: true },
    pageSize: { refreshModel: true }
  },

  model(params) {
    params.pageNumber = params.pageNumber || 1;
    params.pageSize = params.pageSize || 25;

    return this.store.query('user', {
      page: {
        number: params.pageNumber,
        size: params.pageSize
      }
    });
  }
});

export default Ember.Controller.extend({
  queryParams: {
    pageNumber: 'page',
    pageSize: 'limit'
  }
});