单击对话框外部时，不会关闭angular ui modalinstance

Question

我的代码如下所示：

var itemDetails = item;
                var modalInstance = $modal.open({
                    backdrop: 'static',
                    keyboard: true,
                    templateUrl: 'template/itemDetailsPopup.html',
                    controller: 'itemDetailController',
                    resolve: {
                        itemDetails: function() {
                            return itemDetails;
                        }
                    }

                });

通过这种方法，我成功地能够打开对话框，但是当我在对话框外面触摸时应该关闭它的问题，但不幸的是它没有发生。 如何启用？

Answer 1

这来自documentation：

  

backdrop（Type：boolean | string，默认值：true） - 控制的存在   背景。允许值：true（默认值），false（无背景），   ＆＃39;静态＆＃39; （通过单击背景禁用模态关闭）。

所以基本上，通过使用配置选项backdrop: 'static'，您可以显示背景，但禁用使用背景关闭模式。

您想要的是backdrop: true。