【问题标题】:Angular UI Modal : ModalInstance is getting undefinedAngular UI Modal:ModalInstance 越来越未定义
【发布时间】:2016-03-16 12:17:58
【问题描述】:

我正在使用 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 页面调用创建弹出窗口,它被正确调用。当我从 html 调用 closeModal 方法时,关闭按钮也有效。

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

方法调用(调用方法是用$rootScope定义的)​​: $scope.closeModal();

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

【问题讨论】:

  • 你能发布完整的代码吗?
  • 用完整的代码和方法调用更新了问题。谢谢!
  • 您是否要在创建模式之前关闭它?
  • 不!在我加载模态后,对其进行一些操作!

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


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-03-05
    • 2014-05-02
    • 1970-01-01
    • 1970-01-01
    • 2017-10-15
    • 2019-07-01
    • 2019-01-04
    相关资源
    最近更新 更多