title: angular unbind events when you leave a route
body: <p>One of routes in my application requires some special <code>keypress</code> event bindings, but none of the other routes do.</p>
  <p>So, in that route's controller I'm binding the event like so:</p>
  <pre><code>angular.element( document.body ).bind('keydown keypress', function (event)
  {
     //...
  });
  </code></pre>
  <p>and I just noticed that when I navigate to that route, and then leave and go to a different route, those keyboard event bindings are still active.</p>
  <p>How can I unbind the events whenever the route changes to a different controller?</p>