eu tenho umng-repeat e estou tentando adicionar um modal que passa a mesma variável de escopo para a janela modal. Eu consigo abrir a janela modal, mas o valor do escopo de ng-repeat não está aparecendo dentro do modal. Espero que meu código explique melhor. Isto é o que eu tenho até agora:

        <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>

O controlador:

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

    };

});

O acima abre a janela modal. No entanto, os detalhes do cliente, como {{customer.name}} do ng-repeat, não são passados para a janela modal. Tenho algo errado com o controlador?

Estou tentando criar isso depois de examinar o exemplo da interface do usuário do Angular Bootrap aqui:http://angular-ui.github.io/bootstrap/

EDITAR:

Aqui está uma amostra do jsfiddle: http://jsfiddle.net/Alien_time/8s9ss/3/