为什么Angular Material2示例包含sidenav容器中的所有内容？

Question

查看angular-material2中的示例，应用内置于md-sidenav-container内，例如here。为什么是这样？ sidenav是一个面板，用于sidenav功能 - 不是整个app的容器。

Answer 1

这是因为sidenav容器包装了sidenav和sidenav可能覆盖的内容。当sidenav处于全屏模式时，尤其是sidenav具有100％的高度时尤其如此。如果您没有将组件插入sidenav容器，它们将显示在sidenav下方或上方。

请查看sidenav component的文档。