title: Multiple directive instances and events
body: <p>I have a directive that I use multiple times on a page. It fires an event when the state changes, and the controller then handles the event.</p>
  
  <p>The problem is that the event is fired twice. I get why this happens, but I am stuck either trying to find a workaround or better design. Any tips?</p>
  
  <p>Plunker example: <a href="http://plnkr.co/edit/xObOvi253qejphU5arFr" rel="noreferrer">http://plnkr.co/edit/xObOvi253qejphU5arFr</a></p>