Angular 11中的非模态对话框



快速问题。到目前为止我还找不到答案。有没有办法在最新的Angular版本中创建一个非模态材质对话框?我在论坛上也查过,但也找不到旧版本Angular的解决方案。

如果能给我答复,我将不胜感激。

致以最良好的祝愿,Nik

;有角度的";它本身就是一个框架,因此它本身永远不会有这样的特性。

您已经添加了angular-material标记,所以我认为这就是您所指的——有一个MatDialog可以进一步配置为非模态的(尽管我想这取决于定义(。

您可以使用hasBackdrop: false(请参阅文档(启用与MatDialog后台元素的交互。

您可以添加一些cdkDrag魔术(请参阅文档(,使对话框可拖动。

我整理了一个关于stackblitz的快速例子。

注意,对话框仍将作为";聚焦陷阱";,也就是说,如果你一直按tab键,聚焦的元素将围绕对话框的内容旋转。

如果以上所有内容都不够,那么使用Angular CDK覆盖层(如果我记得正确的话,这是MatDialog实际构建的基础(来实现您自己的服务以生成完全非模态对话框应该相当容易。请参阅文档。

相关内容

  • 没有找到相关文章

最新更新