底部纸张未在外部单击角度 6 时关闭答案

【问题标题】：bottom sheet not closing on outside click in angular 6底部纸张未在外部单击角度 6 时关闭
【发布时间】：2019-06-24 17:43:29
【问题描述】：

我正在使用 Angular 6 材料，并且我已经在我的代码中实现了底部工作表。我使用了材料网站上给出的代码。我已经导入了所有必要的模块。

问题：底部工作表没有在外部点击时关闭，也没有获得透明背景。

【问题讨论】：

你能告诉我们你的代码吗？如果可能，通过 stackblitz 演示重现错误？
试试这个Material Bottomsheet 或者请发布一些代码。
openBottomSheet(type): void { let tabName = { name: type }; this._bottomSheet.open(BottomSheetOverview, { data: tabName, ariaLabel: 'Share on social media', closeOnNavigation: true, disableClose: false }); }
如果我尝试使用 (material.angular.io/components/bottom-sheet/examples) 这个例子我也有同样的问题
我已经导入了所有模块

【解决方案1】：

尝试删除禁用关闭，我在 stackbliz 中测试了您的代码并且它可以工作，我在控制台中有任何错误吗？

【讨论】：

删除整个 disableClose: false
like openBottomSheet(type): void { let tabName = { name: type }; this._bottomSheet.open(BottomSheetOverview, { data: tabName, ariaLabel: '在社交媒体上分享', closeOnNavigation: true }); }
当单击按钮并检查底部表单 HTML 我不'在我的 HTML 中找不到此代码，但它存在于 Angular 网站代码中

【解决方案2】：

我遇到了同样的问题。我通过在 module.ts 中将 hasBackdrop 的值更改为 true 来修复它在文档中，它设置为 false 。也许这会解决它。

【讨论】：