javascript - ui bootstrap 模式在单击背景时未关闭

标签 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 ') 方法,这是正确的方法还是有更好或更多的 angularjs 方法让模态实例处理这个问题。

最佳答案

我觉得不错。即使图书馆支持它,恕我直言,它也会做同样的事情。 但是,如果您只想关闭最顶层的模态框,可以按如下方式操作:

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

关于javascript - ui bootstrap 模式在单击背景时未关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60198562/

相关文章:

angularjs - Angular Material Design - 根据屏幕尺寸更改弹性值

javascript - 我如何使用 Jasmine 通过 id 检查元素是否存在?

javascript - 通过 Photoshop Javascript 获取图层的绘制区域尺寸

javascript - 无法设置经度从 -180 到 0 的 LatLngBounds

javascript - 如何从 MongoDB 中的嵌套 find() 将对象数组设置回迭代集合?

javascript - 如何禁用引导模式的外部 css 文件?

javascript - 如何设置使用 jQuery 变量指定的 DIV 文本?

javascript - 如何将 CSRF token 从 AngularJS 前端发送到 Spring REST 服务后端?

javascript - Bootstrap 模式 : Disable close on backdrop click without disabling the background controls

javascript - 在复选框检查更改上显示引导对话框