title: Open a bootstrap modal with a directive in angular 1.2
body: <p>I'm using angular-ui bootstrap to show modal windows. I'd like to turn this into a directive that would let me pull content from the server and display it in a modal or popover…</p>
  
  <p>For example: <code>&lt;a a-infobox="modal" href="#/content/one"&gt;A link&lt;/a&gt;</code> should get the content from the href and pull it into a modal window.</p>
  
  <p>I pulled together a plunkr: <a href="http://plnkr.co/edit/cwtTHjMsW0knlsq2NNtg?p=preview" rel="nofollow">http://plnkr.co/edit/cwtTHjMsW0knlsq2NNtg?p=preview</a>. The first link has the <code>a-infobox</code> attribute. When I click on it no dialog shows up. In the console you can see that it was called.</p>
  
  <p>When I click on the second link which is called from a controller, it opens the second dialog. Then when I click the button on that modal, it disappears and the dialog from the first click is right behind it. </p>
  
  <p>I'm just starting to dig into directives and am sure I'm missing something fundamental. 
  Thanks in advance.</p>