Ich habe einng-repeat und ich versuche, ein Modal hinzuzufügen, das dieselbe Bereichsvariable an das modale Fenster übergibt. Ich kann das modale Fenster öffnen, aber der Scope-Wert von ng-repeat wird im modalen nicht angezeigt. Hoffentlich erklärt sich mein Code besser. Das habe ich bisher:

        <div ng-controller="CustomerController">  
        <div ng-repeat="customer in customers">
               <button class="btn btn-default" ng-click="open()">{{ customer.name }}</button>

                <!--MODAL WINDOW--> 
                <script type="text/ng-template" id="myModalContent.html">
                    <div class="modal-header">
                        <h3>The Customer Name is: {{ customer.name }}</h3>
                    </div>
                    <div class="modal-body">
                            This is where the Customer Details Goes<br />
                            {{ customer.details }}
                    </div>
                    <div class="modal-footer">

                    </div>
                </script>

        </div>  
        </div>

Der Controller:

   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',
             });

    };

});

Das obige öffnet das modale Fenster. Die Kundendaten wie {{customer.name}} aus dem ng-repeat werden jedoch nicht in das modale Fenster übernommen. Habe ich etwas mit dem Controller falsch gemacht?

Ich versuche dies zu erstellen, nachdem ich mir das Beispiel für die Angular Bootrap-Benutzeroberfläche hier angesehen habe:http://angular-ui.github.io/bootstrap/

BEARBEITEN:

Hier ist ein jsfiddle-Beispiel: http://jsfiddle.net/Alien_time/8s9ss/3/