AngularJS将数据传递给 Bootstrap 模式

Question

我想我错过了一些东西，但不知道是什么。
基本上我试图将一个对象传递给下面的模态，但是我没有得到传递的对象，而是得到了 null ......所以我认为这是范围的问题，但我是 Angular 的新手，需要一些帮助。

Controller

app.controller("musicViewModel", function ($scope, $http, $location, $uibModal, $log) {

$scope.selected = null;

$scope.open = function (item) {

    $scope.selected = item;

    $log.info('Open' + $scope.selected); // get right passes object

    var modalInstance = $uibModal.open({
        templateUrl: 'myModalContent.html',
        controller: 'musicViewModel',
        size: 'lg',
        resolve: {
            items: function () {
                return $scope.selected;
            }
        }
    });
};

$scope.toggleAnimation = function () {
    $scope.animationsEnabled = !$scope.animationsEnabled;
};
});

看法

<div class="row" ng-controller="musicViewModel">
    <script type="text/ng-template" id="myModalContent.html">
        <div class="modal-header">
            <h3 class="modal-title">I'm a modal!</h3>
        </div>
        <div class="modal-body">
            <ul>
                <li>
                    {{ selected }} // always gets null
                </li>
            </ul>
        </div>
    </script>
</div>

Answer 1

我建议你通过 scope您自己的 Controller ，而不是传递相同的 controller同样，通过这样做，您可以删除 resolve还。

var modalInstance = $uibModal.open({
    templateUrl: 'myModalContent.html',
    scope: $scope, //passed current scope to the modal
    size: 'lg'
});

否则需要新建 controller并将该 Controller 分配给 modal在打开它的同时。