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

Question

我正在努力将 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 方法让模态实例处理这个问题。

Answer 1

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

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