Usando la ventana modal dentro de ng-repeat
tengo unng-repeat
y estoy tratando de agregar un modal que pase la misma variable de alcance a la ventana modal. Puedo abrir la ventana modal, pero el valor de alcance de ng-repeat no se muestra dentro del modal. Espero que mi código explique mejor. Esto es lo que tengo hasta ahora:
<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>
El 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',
});
};
});
Lo anterior abre la ventana modal. Sin embargo, los detalles del cliente como {{customer.name}} de ng-repeat no se pasan a la ventana modal. ¿Tengo algún problema con el controlador?
Estoy tratando de crear esto después de ver el ejemplo de IU de Angular Bootrap aquí:http://angular-ui.github.io/bootstrap/
EDITAR:
Aquí hay una muestra de jsfiddle: http://jsfiddle.net/Alien_time/8s9ss/3/