首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何防止angular-ui modal关闭?

如何防止angular-ui modal关闭?
EN

Stack Overflow用户
提问于 2013-11-29 20:59:37
回答 4查看 66.3K关注 0票数 91

我在我的项目http://angular-ui.github.io/bootstrap/#/modal中使用Angular UI $modal

我不希望用户通过按下背景关闭模式。我想要一个模式只能通过按关闭按钮,我已经创建关闭。

如何防止模式关闭?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-11-29 21:29:33

在创建模式时,您可以指定其行为:

代码语言:javascript
复制
$modal.open({
   // ... other options
   backdrop  : 'static',
   keyboard  : false
});
票数 200
EN

Stack Overflow用户

发布于 2015-05-26 18:20:02

代码语言:javascript
复制
backdrop : 'static'

将适用于“单击”事件,但您仍然可以使用"Esc“键关闭弹出窗口。

代码语言:javascript
复制
keyboard :false

要防止按"Esc“键关闭弹出窗口。

感谢pkozlowski.opensource的回答。

我认为问题是Angular UI Bootstrap Modal - how to prevent user interaction的重复

票数 37
EN

Stack Overflow用户

发布于 2016-03-16 19:45:39

老问题,但是如果你想在不同的关闭操作中添加确认对话框,那么将这个添加到你的模态实例控制器中:

代码语言:javascript
复制
$scope.$on('modal.closing', function(event, reason, closed) {
    console.log('modal.closing: ' + (closed ? 'close' : 'dismiss') + '(' + reason + ')');
    var message = "You are about to leave the edit view. Uncaught reason. Are you sure?";
    switch (reason){
        // clicked outside
        case "backdrop click":
            message = "Any changes will be lost, are you sure?";
            break;

        // cancel button
        case "cancel":
            message = "Any changes will be lost, are you sure?";
            break;

        // escape key
        case "escape key press":
            message = "Any changes will be lost, are you sure?";
            break;
    }
    if (!confirm(message)) {
        event.preventDefault();
    }
});

我的右上角有一个关闭按钮,它会触发“取消”操作。单击背景(如果已启用),将触发取消操作。您可以使用它为不同的关闭事件使用不同的消息。

票数 23
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20286445

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档