md sidenav Angular 2下的内容

md sidenav Angular 2下的内容,angular,angular-material2,Angular,Angular Material2,我创建了一个导航组件,其中包含md sidenav和md工具栏。 起初,当我点击侧边栏中的链接时,它将我重定向到我想要的组件,但导航显示不出来。 之后,我通过将导航组件也放在我想要重定向的组件中来修复它。这一次它工作了,但是现在组件在md sidenav下,而不是在侧面。可能是什么?谢谢您的路由设置可能不正确。我猜您的路由器出口包含导航组件,并用您导航到的组件覆盖整个页面 如果您希望使用导航和全部功能保持相同的页面布局,但用新内容填充部分页面,请执行以下操作(人为示例): 欢迎来到SO,在发布

我创建了一个导航组件,其中包含md sidenav和md工具栏。 起初,当我点击侧边栏中的链接时,它将我重定向到我想要的组件,但导航显示不出来。
之后,我通过将导航组件也放在我想要重定向的组件中来修复它。这一次它工作了,但是现在组件在md sidenav下,而不是在侧面。可能是什么?谢谢

您的路由设置可能不正确。我猜您的
路由器出口
包含导航组件,并用您导航到的组件覆盖整个页面

如果您希望使用导航和全部功能保持相同的页面布局,但用新内容填充部分页面,请执行以下操作(人为示例):


欢迎来到SO,在发布问题之前请先阅读
<header-component></header-component>
<navigation-component>
    <a routerLink="/myNewComponent"></a>
</navigation-component>
<router-outlet></router-outlet> <!-- This turns into whatever you want 
                                     in the main part of the page.
                                     I.E. home page, the new page, etc -->