时间戳

首页 > 解决方案 > 如何删除在打开垫选择模式期间创建的未知属性

css - 如何删除在打开垫选择模式期间创建的未知属性

问题描述

我在删除打开 mat-select 期间创建的未知分区时遇到问题。

当我打开模态并选择值后，我需要直接单击侧面给出的按钮，但是由于模态的某些属性，正在创建一个 div，我必须单击两次按钮才能应用更改。

现在，当我在mat-select模式外部单击以使其关闭然后单击按钮时，它会正确。但我需要打开模式-> 选择选项-> 直接点击给定的按钮。

打开垫选择 模式时，背景中的某些东西阻止了第一次单击。我看不到那是什么。是否有一些 css 属性可以被阻止？我没有得到确切的隐藏问题。

标签： cssangularangular-materialmodal-dialog

解决方案

默认情况下，Angular Material 中的模态创建称为“背景”的东西。这个背景就像你的模态后面的一层，填满了整个页面。如果您单击页面上的某个位置，您的目标将是背景，然后关闭模式。

因此，对于您要实现的目标，您有以下选择：

  • 编辑背景行为以不阻止默认点击操作，以便点击背景关闭模式但也会触发您想要的操作

  • 在打开模式时移除背景（这可以通过hasBackdrop在open方法配置参数中设置标志来完成）并通过触发closeMatDialogRef 的方法以编程方式关闭模式

推荐阅读