Ember 动态路由不起作用

Question

我想要一个像 /restaurants/:pageNumber 这样的 url，我想要 /restaurants 假设 pageNumber 参数是 1。

这是我的Router.js：

Router.map(function() {
  this.route('restaurants', function() {});
  this.route('restaurants', { path: '/restaurants/:pageNumber' }, function() {});
});

如果它为它删除了function() {}，我只会在/restaurants/1 的控制台中得到一个没有错误的空白页

我的routes/restaurants/index.js：

export default Ember.Route.extend({
  ajax: Ember.inject.service(),
  model(params) {
    return Ember.RSVP.hash({
      response: this.get('ajax').request('/getAllRestaurants', {method: 'GET'}),
      currentPage: params.pageNumber | 1
    });
  }
});

在templates/restaurants/index.hbs 上，我检查了{{model.currentPage}}，它始终是1。

Answer 1

因为逻辑 OR 是 ||，而不是 |。 page = params.pageNumber || 1。但更可靠的是三元运算符，page = (params.pageNumber !== undefined ? params.pageNumber : 1)

Answer 2

你试过{ path: '/restaurants/:page_number' }和

currentPage: params.page_number || 1?