javascript - 在外部单击时模态关闭(AngularJS——plunker 攻击)

Question

我尝试了网上发布的各种解决方案，了解如何在单击模式外部时禁用模式关闭。我没有找到可行的解决方案。

有人可以告诉我如何在我的案例中实现它吗？

http://plnkr.co/edit/DX7My1zuQEeeQTfDOHi9?p=preview

这就是骗子

$scope.modal = {
title: "Enter Details",
html: true,
show: true,
backdrop:'static',
keyboard:false
};

设置该参数。但无法让它发挥作用。

Answer 1

您可以在单击的按钮上使用数据属性来打开模态，它将通过 Bootstrap 连接模态以使其不关闭。像这样:

<button type="button" class="btn btn-md btn-primary" data-animation="am-flip-x" data-backdrop="static" data-keyboard="false" data-template-url="modal/docs/modal.demo.tpl.html" data-placement="center" bs-modal="modal">Open modal</button>

注意我添加了这 2 个数据属性:

data-backdrop="static" data-keyboard="false"

这是您为保持模式打开而进行的 Plunker 代码编辑: http://plnkr.co/edit/v92LToGz9yc3gCV8tr04?p=preview