我在删除打开 mat-select 期间创建的未知分区时遇到问题。
当我打开一个模态并选择值后，我需要直接单击侧面给出的按钮，但是由于模态的某些属性，正在创建一个 div，我必须做 两个单击按钮以应用更改。
现在，当我在 mat-select 模式外部单击以使其关闭然后单击按钮时，它会正确。但是我需要打开模式->选择选项->直接点击给定的按钮。
在打开 mat-select 模式时，后台有东西阻止了第一次点击。我看不到那是什么。是否有一些 css 属性可以被阻止？我没有得到确切的隐藏问题。
【问题讨论】：
标签： css angular angular-material modal-dialog
Angular Material 中的模态默认创建了一些称为“背景”的东西。这个背景就像你的模态后面的一层，填满了整个页面。如果您单击页面上的某个位置，您的目标将是背景，然后关闭模式。
所以为了你实现，你想实现什么，你有以下选择：
编辑背景行为以不阻止默认点击动作，这样点击背景会关闭模态框，但也会触发您想要的动作
在打开模式时移除背景（这可以通过在 open 方法配置参数中设置标志 hasBackdrop 来完成）并通过触发 MatDialogRef 的 close 方法以编程方式关闭模式
【讨论】：
<mat-select> 然后也不起作用。
这是标准的模态行为，您应该在打开模态之前或在打开后的模态本身中包含所有需要的选项。
【讨论】：