title: emberjs resetting a routes model
body: <p>I want to reset a model on a route after a user clicks the sort header on a table:</p>
  
  <pre><code>import Ember from 'ember';
  //import _ from 'lodash';
  
  export default Ember.Route.extend({
      needs: 'event-profile',
      model: function(){
          var parentmodel = this.modelFor('eventProfile').get('slug');
          return this.store.find('listingEvent', { eventInstanceSlug: parentmodel, skip: 0, limit: 20 });
    },
    actions: {
          orderByStart: function(){
              this.set('loading', true);
              console.debug('order by start');
              var _this = this;
              var parentmodel = this.modelFor('eventProfile').get('slug');
              this.store.find('listingEvent', { eventInstanceSlug: parentmodel, skip: 0, limit: 20, sort: 'start' })
              .then(function(model){
                  _this.set('loading', false);
                  _this.set('model', model);
              });
          }
       }
  });
  </code></pre>
  
  <p>orderByStart is getting fired and i can see the correct data is being returned but setting the model with <code>_this.set('model', model);</code> doesn't seem to have any effect?</p>
  
  <p>What is the proper way to go about this?</p>