ui引导模态不会在单击背景幕时关闭

时间:2020-02-12 23:49:10

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

我正在将ruby / rails和angularjs应用程序从1.5升级到1.6.10(我知道它太旧了,我们应该使用最新的angular,但是现在不能),我遇到的问题是,

在angularjs 1.5中,我们使用的是angular-ui/bootstrap-bower 0.6,背景模板有一个点击处理程序,其代码为ng-click=\"close($event)\",但是在最新的angular-ui/bootstrap-bower中,没有用于背景的模板和我不知道该怎么做。

我通过在app.js中添加全局点击处理程序来监听.modal-backdrop上的点击事件并使用$uibModalStack.dismissAll('close')方法来使其工作,这是正确的方法还是让modalinstance处理的更好或更多angularjs方式。

1 个答案:

答案 0 :(得分:1)

对我很好。即使库支持它,它也会做同样的恕我直言。 但是,如果您只想关闭最上方的模式,则可以按照以下步骤进行操作:

$uibModalStack.dismiss($uibModalStack.getTop().key);