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

Question

查看 angular-material2 the apps are built inside an md-sidenav-container such as here 中的示例。为什么是这样？ sidenav 是用于 sidenav 功能的面板 - 而不是整个应用程序的容器。

Answer 1

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

请查看 sidenav component 的文档。