ember model find query params adding items not loaded

2I have an Ember app which connects to an api from where it gets articles. I make use of pagination to get 10 articles per request. This works. But now I wanted to add sorting to the request. I implemented this by using the extra parameter in the store.find.

However, for some reason if I use the 'return this.store.find('article', params);' instead of 'return this.store.find('article');' new articles (still requested and added correctly to the store!) in the getMore function are not beiing displayed or rendered. But when i remove the params parameter from store.find in model, it does work. What could be the case here?

routes/articles.js

import Ember from 'ember';

export default Ember.Route.extend(Ember.UserApp.ProtectedRouteMixin, {
  model: function(params) {

    var params2 = {page: 1, per_page: 10, sort: params.sort};
    return this.store.find('article', params2);
  },
  setupController: function(controller, model) {
    controller.set('content', model);
  },
  actions:{
    //...
    },

    getMore: function() {
      // don't load new data if we already are
      //if (this.get('loadingMore')) return;

      //this.set('loadingMore', true);
      var meta = this.store.metadataFor("article");
      if (meta.hasmore) {

        var controller = this.get('controller'),
          nextPage = controller.get('page') + 1,
          perPage = controller.get('perPage'),
          sorting = controller.get('sort'),
          items;

        var params = {page: nextPage, per_page: perPage, sort: sorting};

        this.store.findQuery('article', params).then(function (articles) {
          controller.set('page', controller.get('page') + 1);
          //this.set('loadingMore', false);
        });
      }
      else{
        $('#pagination_spinner').hide();
      }
    },
    queryParamsDidChange: function() {
      this.refresh();
    }

  }

});

controllers/articles.js

import Ember from 'ember';

var ArticlesController = Ember.ArrayController.extend({
  itemController: 'article',
  queryParams: ['sort'],
  sort: 'rating',

  page: 1,
  perPage: 10


});

export default ArticlesController;

views/articles.js

import Ember from 'ember';

export default Ember.View.extend({

  didInsertElement: function(){
    //this.scheduleMasonry();
    this.applyMasonry();
    // we want to make sure 'this' inside `didScroll` refers
    // to the IndexView, so we use jquery's `proxy` method to bind it
    //this.applyMasonry();
    $(window).on('scroll', $.proxy(this.didScroll, this));

  },

  willDestroyElement: function(){
    this.destroyMasonry();
    // have to use the same argument to `off` that we did to `on`
    $(window).off('scroll', $.proxy(this.didScroll, this));
  },

  // this is called every time we scroll
  didScroll: function(){
    if (this.isScrolledToBottom()) {
      $('#pagination_spinner').addClass('active');
      this.get('controller').send('getMore');
    }
  },

  scheduleMasonry: (function(){
    Ember.run.scheduleOnce('afterRender', this, this.applyMasonry);
  }).observes('controller.model.@each'), //TODO check

  applyMasonry: function(){
    $('#pagination_spinner').removeClass('active');

    var $galleryContainer = $('#galleryContainer');
    $galleryContainer.imagesLoaded(function() {
      // check if masonry is initialized
      var msnry = $galleryContainer.data('masonry');
      if ( msnry ) {
        msnry.reloadItems();
        // disable transition
        var transitionDuration = msnry.options.transitionDuration;
        msnry.options.transitionDuration = 0;
        msnry.layout();
        // reset transition
        msnry.options.transitionDuration = transitionDuration;
      } else {
        // init masonry
        $galleryContainer.masonry({
          itemSelector: '.item',
          columnWidth: 0,
          "isFitWidth": true
        });
      }
    });
  },

  destroyMasonry: function(){
    $('#galleryContainer').masonry('destroy');
  },

  // we check if we are at the bottom of the page
  isScrolledToBottom: function(){
    var distanceToViewportTop = (
    $(document).height() - $(window).height());
    var viewPortTop = $(document).scrollTop();

    if (viewPortTop === 0) {
      // if we are at the top of the page, don't do
      // the infinite scroll thing
      return false;
    }

    return (viewPortTop - distanceToViewportTop === 0);
  }
});