Ho un ng-repeat
e sto provando ad aggiungere un modal che passa la stessa variabile scope alla finestra modale. Sono in grado di aprire la finestra modale ma il valore di scope da ng-repeat non viene mostrato all'interno del modal. Spero che il mio codice spieghi meglio. Questo è quello che ho finora:Utilizzo della finestra modale all'interno di ng-repeat
<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>
Il controllore:
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',
});
};
});
Quanto sopra si apre la finestra modale. Tuttavia, i dettagli del cliente come {{customer.name}} dalla ng-repeat non vengono passati alla finestra modale. Ho qualcosa di sbagliato con il controller?
Sto cercando di creare questa dopo aver guardato l'esempio angolare Bootrap UI qui: http://angular-ui.github.io/bootstrap/
EDIT:
Ecco un esempio jsfiddle:http://jsfiddle.net/Alien_time/8s9ss/3/
Questo è perfetto! Ha funzionato dopo aver passato l'ambito 'customer' a' open() 'e poi restituito i dati' customer' al 'ModalInstanceCtrl' da elaborare. GRAZIE HEAP! Questo è esattamente ciò che stavo avendo problemi con. Saluti! – Neel