Question

我尝试了在线发布的各种解决方案，以便在我们点击模态外时如何禁用模态关闭。我找不到合适的解决方案。

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

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

Heres the plunker

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

设置此参数。然而，cldnt让它发挥作用。

Answer 1

您可以在要单击的按钮上使用数据属性来打开模态，它会通过引导程序将模态连接到不关闭。像这样：

<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>

注意我添加了这两个数据属性：

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

这是您的Plunker代码编辑，以保持模态打开： http://plnkr.co/edit/v92LToGz9yc3gCV8tr04?p=preview

在外面点击时模态关闭（angularjs-- plunker attacked）

1 个答案: