javascript - AngularJS 中的非模态/无模式对话框，无需使用 jquery-ui

Question

我正在尝试在我的 AngularJS 应用程序中创建非模式对话框。

该应用程序也使用 Bootstrap。

我正在尝试创建一个可拖动的对话框，该对话框保持事件状态，而背景的其余部分可以与之交互(非模态定义)。

到目前为止，我已经使用了 Bootstrap 模式，但它不符合上述要求。

这个库: https://github.com/jwstadler/angular-jquery-dialog-service

正是我所需要的，但有一个缺点，它使用 JQuery-UI(我无法使用，因为它太大了)

有关如何以最少的依赖性实现这一目标的任何指示吗？

编辑(2014 年 8 月 20 日):我最终为非模式对话框编写了 javascript 代码，一切都按要求正常工作。

编辑(2015 年 4 月 28 日):因为，我无法在这里发布我自己问题的答案。此页面应被视为调查结果。

Answer 1

使用 Bootbox 并将其设置为禁用其模态样式:

.bootbox {
    overflow:visible;
    height:1px;
    position:absolute; /* if necessary */
}

此外，您还必须调用以下 JavaScript 代码:

$(document).off('focusin.bs.modal'); // disable Bootstrap's anti-focus stuff
$('body').removeClass("modal-open");