Data not loaded

I’m using infinity with the button mode. But no data is loaded every time the button is clicked.

// the page route
export default Ember.Route.extend(InfinityRoute, {
  ...

  perPageParam: 'limit',
  pageParam: 'page',
  totalPagesParam: 'meta.total_pages',

  model() {
    return RSVP.hash({
      ...

      articles: this.infinityModel('article', {
        perPage: 6,
        startingPage: 1,
        modelPath: 'model.articles'
      })
    })
  },

  ...
});

<!-- the page template -->
<section class="section-articles">
  <div class="row small-up-1 medium-up-2">
    {{#each model.articles as |article|}}
      <div class="columns">
        {{article/article-post article=article}}
      </div>
    {{/each}}
  </div>

  <div class="row">
    <div class="columns small-12">

      <div class="article-load text-center">
        {{lego/button-load-more action="infinityLoad" infinityModel=model.articles buttonClass="button playgroup"}}
      </div>

    </div>
  </div>
</section>

The button component is pretty much the same as the example aside from some cosmetic markup changes.

Here’s how my data looked like. But it’s been normalized and the data node is named article just like the model name.

{
    "data": [ ... ],
    "meta": {
        "total_pages": 39
    }
}

[rizkysyazuli]

okay. problem solved. the problem is in the modelPath, which should be controller.model.modelName.

[MatthewPardini]

@snewcomer Yes it is. I pass params and an InfiniteScrollModel extension as arguments as well, but yes, it is the result of that call.