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

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

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

enter image description here

【问题讨论】:

  • 你能告诉我们你的代码吗?如果可能,通过 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) 这个例子我也有同样的问题
  • 我已经导入了所有模块

标签: angular angular6 angular-material-6 angular-cdk


【解决方案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 。 也许这会解决它。

【讨论】:

  • 请提供更多描述以获取更多详细信息。
猜你喜欢
  • 1970-01-01
  • 2019-02-17
  • 2012-08-27
  • 2022-01-04
  • 2020-04-28
  • 1970-01-01
  • 2020-04-22
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多