快速问题。到目前为止我还找不到答案。有没有办法在最新的Angular版本中创建一个非模态材质对话框?我在论坛上也查过,但也找不到旧版本Angular的解决方案。
如果能给我答复,我将不胜感激。
致以最良好的祝愿,Nik
;有角度的";它本身就是一个框架,因此它本身永远不会有这样的特性。
您已经添加了angular-material
标记,所以我认为这就是您所指的——有一个MatDialog可以进一步配置为非模态的(尽管我想这取决于定义(。
您可以使用hasBackdrop: false
(请参阅文档(启用与MatDialog
后台元素的交互。
您可以添加一些cdkDrag
魔术(请参阅文档(,使对话框可拖动。
我整理了一个关于stackblitz的快速例子。
注意,对话框仍将作为";聚焦陷阱";,也就是说,如果你一直按tab键,聚焦的元素将围绕对话框的内容旋转。
如果以上所有内容都不够,那么使用Angular CDK覆盖层(如果我记得正确的话,这是MatDialog
实际构建的基础(来实现您自己的服务以生成完全非模态对话框应该相当容易。请参阅文档。