Push record into local store and update template

I'm using this.store.push to push a record into the store from with the application controller (this action is being called from a socket service that is initialized in the application controller), using ember 2.2.1 I am achieving this like

var newStoreRecord = this.store.push({
    data: {
        id: id,
        type: 'cart',
        attributes: newCartItem
    }
});

This adds this new item into the store but the template doesn't update to show the new item, I also tried adding something like this

this.get('cart.model').pushObject(newStoreRecord); assuming that I had something like cart: Ember.inject.controller(), at the top of the controller, might have had that one wrong anyway.

In the cart route I have my model being defined as so

model(params) {
    this.set('routeParams',params.event_url);
    return Ember.RSVP.hash({
      event: null,
      items: null
    });
},
actions: {
  didTransition() {
     this.store.findRecord('event',this.get('routeParams')).then((result)=>{
        this.controller.set('model.event',result);
     });
     this.controller.set('noItems',false);
     this.store.query('cart',{auction_id:this.get('routeParams'),user:this.get('user.user.user_id'),combine:true}).then((result)=>{
        if(!result.get('length')){
      this.controller.set('noItems',true);
      return null;
        }else{
      this.controller.set('model.items',result);
    }
    });
  },
}

Not sure if I'm having troubles with getting the template to update because I'm not use the model hook? (btw, we're not using the model hook because of the bad performance on android we'd rather load an empty template with a loader and THEN load data rather than the other way around.