从$ mdSidenav中删除灰色叠加/背景

Question

我在项目中使用了来自 Angular Material 的一些组件，我在删除服务$mdSidenav的灰色叠加层/背景幕时遇到了一些问题，因为我看不到在哪里我可以配置它。

由于我不想破解Angular材料中的核心代码，我想知道当侧面导航面板滑入（活动）时移除灰色覆盖/背景的最佳方法是什么。有人能指出我可以配置或覆盖灰色叠加层的地方吗？感谢

Answer 1

您可以使用内置的Angular Material属性指令md-disable-backdrop。它接受一个布尔值，当标记中出现时，sidenav将不显示背景。

<md-sidenav md-disable-backdrop>
</md-sidenav>

Answer 2

使用CSS：

md-backdrop.md-sidenav-backdrop{
    display:none
}

警告：这可能会破坏用户功能。