在ng-repeat中使用模态窗口

Question

我有一个ng-repeat，我正在尝试添加将相同范围变量传递给模态窗口的模态。我能够打开模式窗口，但是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>

控制器：

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

    };

});

上面打开了模式窗口。 但是，诸如ng-repeat中的{{customer.name}}之类的客户详细信息不会传递到模式窗口中。控制器有问题吗？

我在这里查看Angular Bootrap UI示例后尝试创建此文件：http ://angular-ui.github.io/bootstrap/

编辑：

这是一个jsfiddle示例： http :
//jsfiddle.net/Alien_time/8s9ss/3/

Answer 1

我也更新了您的小提琴和下面的代码。我希望这会有所帮助。

问候

var app = angular.module('app', ['ui.bootstrap']);

app.controller('ModalInstanceCtrl', function ($scope, $modalInstance, customer)
{
$scope.customer = customer;

});

app.controller('CustomerController', function($scope, $timeout, $modal, $log) {

    $scope.customers = [
        {
        name: 'Ricky',
        details: 'Some Details for Ricky',
        },
        {
        name: 'Dicky',
        details: 'Some Dicky Details',
        },
        {
        name: 'Nicky',
        details: 'Some Nicky Details',
        }
    ];

    // MODAL WINDOW
    $scope.open = function (_customer) {

        var modalInstance = $modal.open({
          controller: "ModalInstanceCtrl",
          templateUrl: 'myModalContent.html',
            resolve: {
                customer: function()
                {
                    return _customer;
                }
            }
             });

    };

});