javascript - 模态 Controller 未调用

Question

我正在学习 Angular JS，并且每当在休息调用期间发生任何错误时，我都会尝试加载错误模式。

下面是我的模态

<div class="modal-header">
    <h1>This is the title</h1>
</div>'
<div class="modal-body">
    {{errormessage}}
</div>

下面是我的父 Controller ，我在其中定义错误条件

angular.module('ui.bootstrap.demo').controller('CarouselDemoCtrl', function ($scope, $http, dataShare, $uibModal) {
    $scope.myInterval = 5000;
    $scope.noWrapSlides = false;
    $scope.active = 0;
    var slides = $scope.slides = [];
    var currIndex = 0;

    $scope.sendEnvName = function(data) {
        dataShare.sendEnvDetails(data);

        window.location.href = "query/queryboard.html";
    }

    $scope.addSlide = function (envName) {
        slides.push({
            text: envName,
            id: currIndex++
        });
    };

    $http.get("http://localhost:8080/getEnvList")
        .success(function (data) {
            for (var i in data) {
                $scope.addSlide(data[i].envName);
            }
        })
        .error(function (error) {
            $uibModal.open({
                templateUrl: 'error/ErrorModal.html',
                controller: ErrModalInstanceCtrl,
                size: 'sm',
                resolve:{
                    errormessage: function () {
                        console.log('lllllllllllll')
                        return "Some error occured";
                    }
                }
            });

            var ErrModalInstanceCtrl = function ($scope, $uibModalInstance, errormessage) {
                console.log(errormessage)
                $scope.items = items;

            };
        });

});

如果我不使用解析或 Controller ，即我在错误消息的占位符位置硬编码一些字符串，模态将完美加载。我用谷歌搜索发现了关于将 Controller 放在引号中的不同答案，但这也没有帮助。

请帮我解决这个问题，不知道我哪里出了问题。

Answer 1

您必须在当前 Controller 外部注册模态 Controller ，然后将名称传递给 $uibModal.open 方法中的 controller 属性。

像这样:

// REGISTER THE MODAL CONTROLLER HERE
angular.module('ui.bootstrap.demo').controller('ModalInstanceCtrl', ModalInstanceCtrl);
ModalInstanceCtrl.$inject = ['$scope', '$uibModalInstance'];
function ModalInstanceCtrl($scope, $uibModalInstance) {

    $scope.item = "I'm your item";

    $scope.ok = function() {
        $uibModalInstance.close();
    };

    $scope.cancel = function() {
        $uibModalInstance.dismiss('cancel');
    };
}

您的 Controller :

    var modalInstance = $uibModal.open({
        animation: true,
        templateUrl: 'myModalContent.html',
        controller: 'ModalInstanceCtrl',  // The modal controller name ('ModalInstanceCtrl')
        size: size,
        resolve: {
            errormessage: function () {
                console.log('lllllllllllll')
                return "Some error occured";
            }
        }
    });

Plunker here .