角度引导模式禁用背景

Question

如何在角度引导模态背景中禁用背景？

我试过用css隐藏模态的外层容器：

.modal {
     display: none; 
}

但这最终会隐藏模态本身。即使我覆盖了实际的模态。

我的问题是我需要能够在模式中单击并与 fg 上的文本进行交互。例如。我想将引导模式内的项目拖到角度引导模式外的前景中。

有人有什么想法吗？

我正在使用标准的角度引导模态标记：

<ui-tabset>
    <ui-tab>Tab 1</ui-tab>
    <ui-tab>Tab 2</ui-tab>
</ui-tabset>

Answer 1

实例化modal的时候有个backdrop参数：

var modalInstance = $uibModal.open({
    backdrop: false,
    templateUrl: 'myModalContent.html',
    controller: 'ModalInstanceCtrl',
    resolve: { ... }
}

---

此外，可以为背景指定一个带有 backdropClass 参数的类，然后如果 backdrop: false 不足以满足您的需求，您可以覆盖错误 css。

默认的背景类是modal-backdrop，它将整个窗口与：

top: 0;
right: 0;
bottom: 0;
left: 0;

modal 类应用了相同的样式，这会影响页面上的位置以及与非模态元素的交互。