title: Show data bound bs modal window to angular ng-repeat
body: <p>I am new to angular so this is I am sure a basic question.</p>
  
  <p>I want to use an ng-repeat to render some html and also need a button within the repeated item to show a bs modal window displaying full details about the selected item.</p>
  
  <p>lets say my modal window is very basic like</p>
  
  <pre><code>&lt;div id="bs-modal-create" class="modal" ng-model="detail"&gt;
  &lt;div class="modal-dialog modal-lg"&gt;
      &lt;div class="modal-content"&gt;
          &lt;div class="modal-header text-center"&gt;
              &lt;button type="button" class="close" data-dismiss="modal"&gt;×&lt;/button&gt;
              &lt;h3 class="semibold modal-title text-primary"Details&lt;/h3&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
              &lt;form class="form-horizontal" action="" id="wizard"&gt;
  
                  &lt;div class="form-group"&gt;
                      &lt;label class="control-label col-md-2" for="Title"&gt;Title&lt;/label&gt;
                      &lt;div class="col-md-10"&gt;
                          &lt;input class="form-control" id="Title" name="Title" placeholder="" type="text" value="" ng-model="title"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My ng-repeat is set up like</p>
  
  <pre><code>  &lt;li class="wrapper" data-ng-repeat="detail in vm.details"&gt;
        {{detail.name}} &lt;a href="#" class="btn btn-default" ng-click="someModalWindow()"&gt;See full details&lt;/a&gt;
    &lt;/li&gt;
  </code></pre>
  
  <p>Do I need to include my modal html within the ng-repeat or can it be added just once to my view. How do I tell the modal about the selected item from the ng-repeat?</p>
  
  <p>Again sorry if this is basic stuff, I just can't get my head around it with a bootstrap modal window.</p>