提问人：Scott-MEARN-Developer 提问时间：9/12/2022 更新时间：9/13/2022 访问量：635
防止 Angular 材质对话框在使用时禁用后台控件
Prevent Angular Material dialog from disabling background controls when in use
问：
我有一个 Angular 可拖动对话框，我希望用户在对话框打开时仍然能够使用该网站（滚动、单击按钮等）默认情况下，对话框会阻止后台控制。
有什么办法用 Angular Mat 对话框来做到这一点吗？如果没有，您建议我使用什么来代替 Angular Mat Dialog？
我没有包含我的代码，只是因为它是一个标准的 Angular Mat Dialog，没什么花哨的，所以我认为没有必要。但是，如果有帮助，请告诉我，我也可以添加我的代码。
答：
0赞
Andres2142
9/13/2022
#1
由于您使用的是 Angular Material，因此您可以从文档中设置为属性falsehasBackdrop
this.dialog.open(YourDialogComponent, { width: '320px', hasBackdrop: false})
.afterClosed()
.subscribe()
评论
0赞
Scott-MEARN-Developer
9/13/2022
感谢您的回复。所以这种工作是有效的，但它会导致对话框在移动时拖到其他一些元素后面。我仍然希望对话框位于前面，但我也希望能够与对话框外部的元素进行交互。我试过玩弄 z 索引，但无济于事。
0赞
Scott-MEARN-Developer
9/13/2022
如果我限制宽度，它只会限制我可以拖动对话框的区域。我希望能够在整个页面上拖动对话框，并且仍然能够与背景进行交互
评论