ember.js - 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
      }
    });
  }
});

和 Controller :

import Ember from 'ember';

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

  pageNumber: 1,
  pageSize: 25
});

但是如果 url 没有“page”和“limit”查询参数，则模型 Hook 参数具有 { pageNumber: undefined, pageSize: undefined }。有没有办法像 Controller queryParams 一样设置 Route queryParams 的默认值？

Answer 1

您只需在路由器模型 Hook 中设置默认值，然后无需在 Controller 中设置它们:

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'
  }
});