Question

我创建了一个包含md-sidenav和md-toolbar的导航组件。首先，当我点击侧边栏中的链接时，它将我重定向到我想要的组件，但导航消失了。之后，我通过将导航组件也放在我想要重定向的组件中来修复它。这次它起作用了，但是现在组件在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 -->

md-sidenav Angular 2下的内容

1 个答案: