title: Change inactive page Title
body: <p>A similar question has been asked <a href="https://stackoverflow.com/questions/4031377/change-inactive-page-title">here</a>. And I know how to do it in a non angular context.
  But to learn the framework I made my own chat using Angular.</p>
  
  <p>Since I am just starting out I would like to know what would be the best course of action for this? Using jQuery would work in a controller but that doesn't seem like the right way. Since you would have to remove the listener once the controller has been destroyed.</p>
  
  <p>To be clear here's what I would like to happen:</p>
  
  <p>If the user switches tabs or windows the title of the page get's updated to reflect the 'missed' entries.
  Once he comes back the title resets back to another value.</p>