AngularMaterial对话框/叠层有时需要点击dom才能关闭
创始人
2024-10-28 09:01:38
0次

问题：当使用Angular Material的Dialog或Overlay组件时，在关闭后有时无法立即响应用户的交互，必须再次点击DOM才能使页面重新启用。这可能很困扰并影响用户体验。

添加以下代码以确保在Overlay上解除绑定：

overlayRef.backdropClick().subscribe(() => {
  // workaround for https://github.com/angular/components/issues/8146
  // detach the overlay (and thus the backdrop) from the DOM manually
  overlayRef.detachBackdrop();
  // dispose the overlay
  overlayRef.dispose();
});

然后在代码中使用OverlayRef以便能够直接访问backdropClick（）订阅。这将允许在单击背景时立即解除叠层并重新启用交互。

上一篇：AngularMaterialDragDrop在具有可展开行的表格中失去了所有行拖动时的可展开同步。

下一篇：AngularMaterial对话框/叠层有时需要在关闭后点击DOM。

相关内容

热门资讯

第7分钟辅助挂！微扑克ai辅助... 第7分钟辅助挂！微扑克ai辅助苹果版，（微扑克）原先有挂，是有挂（有挂头条）-哔哩哔哩一、微扑克ai...
透视工具！wpk的下风机制，（... 透视工具！wpk的下风机制，（WPK）好像有挂，黑科技后台（有挂讲解）-哔哩哔哩1）辅助挂：进一步探...
一分钟黑科技！德扑之星系统发牌... 一分钟黑科技！德扑之星系统发牌机制，（德扑）固有是真的有挂，辅助教程（存在有挂）-哔哩哔哩一、德扑之...
黑科技技巧！（WePoKe）总... 黑科技技巧！（WePoKe）总是是真的有挂，（WEpoke）原来真的是有挂，黑科技实锤（有挂透明挂）...
黑科技透明挂！（WePoKe）... 黑科技透明挂！（WePoKe）原本是有挂，（Wepoke）原来真的有挂，黑科技私人房（有挂技巧）-哔...
第八分钟黑科技！德扑之星安卓模... 第八分钟黑科技！德扑之星安卓模拟器，（德扑ai）从前真的是有挂，必赢教程（有挂解密）-哔哩哔哩；1、...
第5分钟黑科技！德扑之星软件有... 第5分钟黑科技！德扑之星软件有啥猫腻，（德扑之星）果然是真的有挂，揭秘教程（有挂教学）-哔哩哔哩；德...
透视存在！wpk到底有没有外挂... 透视存在！wpk到底有没有外挂，（WPK）原来是真的有挂，黑科技俱乐部（有挂秘笈）-哔哩哔哩在进入w...
黑科技智能！（WePoKe）好... 黑科技智能！（WePoKe）好像真的是有挂，（wePokE）原来真的有挂，黑科技下载（有挂解密）-哔...
黑科技ai！（WePoKe）真... 黑科技ai！（WePoKe）真是是有挂，（wopoke）原来是有挂，黑科技打法（有挂技术）-哔哩哔哩...