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。

相关内容

热门资讯

透视黑科技!hhpoker德州... 透视黑科技!hhpoker德州牛仔视频(透视)从前有挂(详细辅助wpk教程)是一款可以让一直输的玩家...
透视教程！wpk辅助器是真的吗... 透视教程！wpk辅助器是真的吗（透视）详细辅助辅助教程（其实是真的有挂）；wpk辅助器是真的吗辅助器...
透视挂透视(WePoKer)a... 透视挂透视(WePoKer)aapoker德州线上扑克(透视)详细辅助透明教程；最新版2024是一款...
透视苹果版!aapoker辅助... 透视苹果版!aapoker辅助器怎么用(透视)果然真的是有挂(详细辅助可靠技巧)；人气非常高，ai更...
透视美元局(wEPOKE)德州... 透视美元局(wEPOKE)德州数据辅助器(透视)详细辅助新版2025教程是由北京得德州数据辅助器黑科...
辅助透视！aapoker可以开... 辅助透视！aapoker可以开挂吗（透视）详细辅助揭秘教程（果然真的是有挂）；1、玩家可以在aapo...
透视系统!aapoker如何设... 透视系统!aapoker如何设置胜率(透视)原先是真的有挂(详细辅助详细教程)；建议优先通过aapo...
透视安装(wEPOKE)德州w... 这是一款非常优秀的德州wpk辅助真的 ia辅助检测软件，能够让你了解到德州wpk辅助真的中牌率当中全...
透视脚本！智星菠萝辅助怎么买（... 透视脚本！智星菠萝辅助怎么买（透视）详细辅助第三方教程（其实是有挂）；1、智星菠萝辅助怎么买ai机器...
透视模拟器(WepOke)po... 透视模拟器(WepOke)pokenow有挂吗(透视)详细辅助透明挂教程；pokenow有挂吗软件透...