title: AngularJS Directive: How do I hide the alert using timeout?
body: <ul>
  <li>Yesterday, I started writing a <code>notification directive</code> for my project  </li>
  <li>I asked question on stackoverflow <a href="https://stackoverflow.com/questions/16802846/angularjs-alerts-not-showing-up">AngularJS: Alerts not showing up</a> and after struggling through documents and <a href="http://www.egghead.io/" rel="nofollow noreferrer">videos</a>, I am able to build a basic notification directive <a href="http://plnkr.co/edit/uqSB1gIz6XEmJfC8zHNb?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/uqSB1gIz6XEmJfC8zHNb?p=preview</a></li>
  </ul>
  
  <p><strong>What I want?</strong>  </p>
  
  <p>Like any other app, when alerts show up, they hide after a second or so, I am trying to find out a way to hide the alert after a second, but not sure how to do that</p>
  
  <p>Any help is greatly appreciated</p>
  
  <p><strong>UPDATE</strong>  </p>
  
  <p>As per @Derek's answer, I am able to implement timeout<br>
  <a href="http://plnkr.co/edit/uqSB1gIz6XEmJfC8zHNb?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/uqSB1gIz6XEmJfC8zHNb?p=preview</a></p>