md-sidenav Angular 2 下的内容

Question

我创建了一个包含 md-sidenav 和 md 工具栏的导航组件。起初，当我单击侧边栏中的链接时，它将我重定向到我想要的组件，但导航消失了。之后，我通过将导航组件也放在我要重定向的组件中来修复它。这次它工作了，但现在组件在 md-sidenav 下方而不是侧面。会是什么？谢谢

Answer 1

您的路由可能设置不正确。我的猜测是，您的router-outlet包含导航组件，并用您要导航到的组件覆盖整个页面。

如果要使用导航和所有内容保持相同的页面布局，但使用新内容填充页面的一部分，请执行如下操作(人为示例(：

<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 -->