首页 > 解决方案 > ui bootstrap modal在点击背景时没有关闭

问题描述

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

对于 angularjs 1.5,我们使用的是angular-ui/bootstrap-bower0.6,背景模板有一个带有此代码的点击处理程序,ng-click=\"close($event)\"但最近angular-ui/bootstrap-bower没有背景模板,我不知道如何使它工作。

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

标签: javascriptangularjsbootstrap-modalangular-ui-bootstrap

解决方案


在我看来很好。即使图书馆支持它,它也会做同样的恕我直言。但是,如果您只想关闭最顶层的 modal,您可以按如下方式进行:

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

推荐阅读