使用angularjs的非模态弹出窗口

Question

我正在尝试使用angularjs创建非模态弹出窗口，当它仍处于打开状态时，它允许导航到其他网页，并且不应模糊窗口。我找到了http://yong2579.github.io/链接。

但窗口越来越模糊

Control Panel\Network and Internet\Network Connections

Answer 1

在angular的上下文中，如果您正在进行DOM操作（在视图中添加或删除元素或修改其属性），那么您应该使用指令。对于bootstrap模态和其他交互式bootstrap元素，请查看ui-bootstrap模块，其中包含许多指令，包括模态：

https://angular-ui.github.io/bootstrap/#!#modal

Modal是一种角度的特殊情况，它最有意义的是有一个服务句柄打开/关闭模式，但那里的文档应该非常清楚如何使用，如果不在这里搜索或发布有问题的新问题

使用ui-bootstrap时，只需包含bootstrap.css和ui-bootstrap-tpls.js文件（不是bootstrap.js或jquery.js）。如果你没有在angular之前包含jQuery，angular会加载jQuery lite（有关详细信息，请参阅angular.element()上的文档）。