1

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

该应用程序也使用 Bootstrap。

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

所以，到目前为止，我已经玩过不符合上述要求的 Bootstrap 模态。

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

正是我所需要的，其中一个缺点是使用 JQuery-UI（我不能使用，因为它太大了）

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

编辑（2014 年 8 月 20 日）： 我最终为非模态对话框编写了 javascript 代码，一切都按要求运行良好。

编辑（2015 年 4 月 28 日）： 因为，我不能在这里发布我自己问题的答案。这个页面应该被看作是发现。

4

3 回答 3

0

使用 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");
于 2015-04-15T22:17:26.383 回答
-1

如果您使用对话框只是为了显示一些信息，而不是为了获取任何输入，

您可以使用 BootBox：http ://bootboxjs.com/ angular-ui 模态对话框：http ://angular-ui.github.io/bootstrap

此外，另一种方法可能是使用块 UI。您可以在 HTML 中设计对话框，并使用 Malsup Block UI 在阻止对话框中显示 HTMl。更多详细信息：http: //malsup.com/jquery/block/#dialog

免责声明：他们都有一些或其他的依赖..

于 2014-08-04T06:24:36.077 回答
-4

您可以使用Bootstrap并将其与 AngularJS 集成。它是最小的 JS，基于 CSS 和响应式设计的最佳实践。

于 2014-08-04T06:18:02.017 回答