title: Using Modal Window inside ng-repeat
body: <p>I have a <code>ng-repeat</code> and I am trying to add a modal that passes the same scope variable to the modal window. I am able to get the modal window to open but the scope value from ng-repeat is not showing inside the modal. Hopefully my code explains better. This is what I have so far:</p>
  
  <pre><code>        &lt;div ng-controller="CustomerController"&gt;  
          &lt;div ng-repeat="customer in customers"&gt;
                 &lt;button class="btn btn-default" ng-click="open()"&gt;{{ customer.name }}&lt;/button&gt;
  
                  &lt;!--MODAL WINDOW--&gt; 
                  &lt;script type="text/ng-template" id="myModalContent.html"&gt;
                      &lt;div class="modal-header"&gt;
                          &lt;h3&gt;The Customer Name is: {{ customer.name }}&lt;/h3&gt;
                      &lt;/div&gt;
                      &lt;div class="modal-body"&gt;
                              This is where the Customer Details Goes&lt;br /&gt;
                              {{ customer.details }}
                      &lt;/div&gt;
                      &lt;div class="modal-footer"&gt;
  
                      &lt;/div&gt;
                  &lt;/script&gt;
  
          &lt;/div&gt;  
          &lt;/div&gt;
  </code></pre>
  
  <p>The controller:</p>
  
  <pre><code>   app.controller('CustomerController', function($scope, $timeout, $modal, $log, customerServices) {
      $scope.customers= customerServices.getCustomers();
  
      // MODAL WINDOW
      $scope.open = function () {
  
          var modalInstance = $modal.open({
            templateUrl: 'myModalContent.html',
               });
  
      };
  
  });
  </code></pre>
  
  <p><strong>The above opens the modal window. However, the customer details such as {{ customer.name }} from the ng-repeat is not passed into the modal window. Have I got something wrong with the Controller?</strong></p>
  
  <p>I am trying to create this after looking at the Angular Bootrap UI example here: <a href="http://angular-ui.github.io/bootstrap/" rel="noreferrer">http://angular-ui.github.io/bootstrap/</a></p>
  
  <p><strong>EDIT:</strong></p>
  
  <p><strong>Here is a jsfiddle sample:</strong> <a href="http://jsfiddle.net/Alien_time/8s9ss/3/" rel="noreferrer">http://jsfiddle.net/Alien_time/8s9ss/3/</a> </p>