Angular UI Modal:ModalInstance未定义

时间:2016-03-14 06:27:16

标签: angularjs twitter-bootstrap angular-ui-modal

我正在使用uiModal来创建弹出窗口。我有以下方法:

createPopUp - 创建modalInstance,类似这样

$scope.createFileUploadPopUp = function() {
                $scope.modalInstance = $modal
                                    .open({
                                        scope : $scope,
                                        animation : true,
                                        templateUrl : 'xyz.html',
                                        backdrop : 'static',
                                        keyboard : false
                    });                 

                };

closeModal - 关闭模式。

$scope.closeModal = function() {
                    $scope.modalInstance.close();
                };

我正在从html页面调用create弹出窗口,它正在被正确调用。当我从html调用closeModal方法时,关闭按钮也可以。

但是当我从同一控制器中的另一个方法调用closeModal方法时,我得到一个异常,即modalInstance未定义。

方法调用(调用方法使用$ rootScope定义):       $ scope.closeModal();

由于控件转到closeModal,调试没有帮助,但modalInstance值未定义。任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:0)

我终于有了这个工作!它显示未定义的原因是,在我导入的控制器中有另一个具有相同名称modalInstance的模态对象。重命名以避免重复已经解决了这个问题。