title: Angular.js: Display an ng-repeat item in a modal/dialog
body: <p>I have looked at angular-ui bootstrap and ng-dialog and they appear overkill for what I need viz: </p>
  
  <pre><code>&lt;div ng-repeat="item in items"&gt;      
    &lt;div class="dialog-content"&gt;
      &lt;h5 ng-click="dialog_open()"&gt;{{item.title}}&lt;/h5&gt;
      &lt;p&gt;{{item.content}}&lt;/p&gt;
    &lt;/div&gt;      
  &lt;/div&gt;
  </code></pre>
  
  <p>When the <code>&lt;h5&gt;</code> is clicked I want <code>div.dialog-content</code> to be displayed in a dialog styled using bootstrap's modal (without modal-header and modal-footer). The dialog closes whenever a user clicks outside of it. </p>
  
  <p>How do I achieve this? </p>
  
  <p>Any help will be appreciated. Thanks!</p>