角度材料未锁定侧边栏

Question

我有一个这样的侧边栏：

                       按钮1                 按钮2                                                                此入门应用程序包含工具栏，SideNav（带有两个按钮）和内容区域。                     

这是内容区！

                             

当前行为 - 当我远程调出md-is-locked-open属性并开始显示侧边栏时，如果用户点击按钮，则侧边栏是全屏的，而不是内容区域内。 / p>

因此，锁定版本的不同之处在于以下几点：

• 它在工具栏上
• 灰色主要内容
• 在内容区域

必需的行为 - 我必须更改内容区域内的内容才能更改？因此它看起来与锁定时完全相同。

• 它应该是工具栏
• 不应重叠主要内容（只需将其移至右侧=
• 不应该灰显其他内容

Codepen Here

Answer 1

只需更改：

<div layout="row" flex>

在sidenav上方：

<md-content layout="row" flex>

和相应的结束标记。就是这样！

md-toolbar必须是md-content的兄弟，以获得您正在寻找的行为。

修改

如果您有进一步的要求，请查看我制作的Codepen。它完全符合您的要求（覆盖sidenav行为以隐藏叠加层并将内容推向右侧）：http://codepen.io/anon/pen/pjXYMa