我在我的项目http://angular-ui.github.io/bootstrap/#/modal中使用Angular UI $modal
我不希望用户通过按下背景关闭模式。我想要一个模式只能通过按关闭按钮,我已经创建关闭。
如何防止模式关闭?
发布于 2013-11-29 21:29:33
在创建模式时,您可以指定其行为:
$modal.open({
// ... other options
backdrop : 'static',
keyboard : false
});
发布于 2015-05-26 18:20:02
backdrop : 'static'
将适用于“单击”事件,但您仍然可以使用"Esc“键关闭弹出窗口。
keyboard :false
要防止按"Esc“键关闭弹出窗口。
感谢pkozlowski.opensource的回答。
我认为问题是Angular UI Bootstrap Modal - how to prevent user interaction的重复
发布于 2016-03-16 19:45:39
老问题,但是如果你想在不同的关闭操作中添加确认对话框,那么将这个添加到你的模态实例控制器中:
$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();
}
});
我的右上角有一个关闭按钮,它会触发“取消”操作。单击背景(如果已启用),将触发取消操作。您可以使用它为不同的关闭事件使用不同的消息。
https://stackoverflow.com/questions/20286445
复制相似问题