title: How to destroy a route model on transition in Ember.js
body: <p>In my Ember application I have two routes, <code>people</code> and <code>person</code>.</p>
  
  <p>When I transition into person the value of the current model is binded to a property in the application controller.</p>
  
  <pre><code>App.ApplicationController = Ember.Controller.extend({
    needs: [ 'person' ],
    currentPerson: Ember.computed('controllers.person.currentPerson', function () {
      var person = this.get('controllers.person.currentPerson');
      return person ? 'selected person #' + person.id : 'no one has been selected';
    })
  });
  
  App.PersonController = Ember.Controller.extend({
    currentPerson: Ember.computed.alias('model')
  });
  </code></pre>
  
  <p>When I transition out of the <code>person</code> route I want to clear the value, ideally destroying the <code>person</code> model.</p>
  
  <p>I've tried:</p>
  
  <pre><code>willTransition: function () {
    this.get('model').destroy();
  }
  </code></pre>
  
  <p>But this doesn't work. How do I properly delete the cached route model?</p>
  
  <p>Example: <a href="http://emberjs.jsbin.com/xogati/1/edit?html,js,output" rel="nofollow">http://emberjs.jsbin.com/xogati/1/edit?html,js,output</a></p>
  
  <p>Thanks!</p>