Javascript 如何使用ember（ajax）从API部分加载数据

我在使用Ember Infinity插件创建应用程序时遇到问题。我正在使用和

在我的应用程序中，我想显示一些啤酒（比如说10瓶啤酒），然后滚动到底部，然后加载接下来的10瓶啤酒，以此类推。Punkapi默认装载25瓶啤酒，允许我最多装载80瓶啤酒（API中大约有250瓶啤酒）。所以URL看起来是这样的：

https://api.punkapi.com/v2/beers?page=1&per_page=10

Ember Infinity创建了完全相同的URL，因此它也被限制为80瓶啤酒。分页不起作用，因为当我滚动到最底部时，它表示所有内容都已加载

我的问题是：当滚动到列表底部时，如何从API加载10瓶啤酒，然后加载next 10和next 10，直到最后

这是我的啤酒适配器：

import Application from ‘./application’;

export default Application.extend({
pathForType(){
return 'beers';
}
});

我的啤酒路线：

import Ember from ‘ember’; import InfinityRoute from “ember-infinity/mixins/route”;
export default Ember.Route.extend(InfinityRoute, {
model: function() {
return this.infinityModel(‘beer’, { perPage: 80, startingPage: 1 });
}
});

还有我的啤酒模板：

{{#each model as |beer|}}
<h 3>{{beer.id}}</h 3>
<h 3>{{beer.name}}</h 3>
{{beer.image}}
{{/each}}

{{infinity-loader infinityModel=model destroyOnInfinity=true loadingText=“Loading…” loadedText=“Loaded!”}}

{{{#每种型号为|啤酒}
{{beer.id}
{{beer.name}
{{beer.image}
{{/每个}}
{{infinity loader infinityModel=model destroyOnInfinity=true loadingText=“Loading…”loadedText=“Loaded！”}