角度自举模态禁用背景

Question

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

我已经尝试过隐藏模态外部容器的css：

.modal {
     display: none; 
}

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

我的问题是我需要能够在模态中单击并与fg上的文本进行交互。例如。我想在引导模态中拖动一个项目并进入角度引导模态之外的前景。

有人有什么想法吗？

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

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

Answer 1

实例化模态时有一个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类具有相同的样式，可以影响页面上的位置以及与非模态元素的交互。