title: Bootstrap alert message represented as modal, angular
body: <p>Bootstrap 3 provides <kbd><a href="http://getbootstrap.com/components/#alerts" rel="noreferrer">Bootstrap: event messages</a></kbd>: <code>success, info, warning, danger</code>.</p>
  
  <p>However sometimes the view doesn't have enough space to show up the event message.</p>
  
  <p>Is there easy way to wrap event with <kbd><strong><a href="http://angular-ui.github.io/bootstrap/#/modal" rel="noreferrer">modal</a></strong></kbd> in Angular?</p>
  
  <p>This is a <a href="http://plnkr.co/edit/?p=preview" rel="noreferrer">template</a> I started to play with   </p>