在父母的角度2 sidenavlayout，在孩子的sidenav

Question

我正在使用角度2素材，我希望app.component.html中的sidenav布局像

<md-sidenav-layout>
<app-navbar></app-navbar>
<router-outlet></router-outlet>
</md-sidenav-layout>

和侧面导航在外包组件navbar.component.html

中的工具栏

<div class="navbar">
  <md-sidenav #sidenav mode="side" class="app-sidenav">
    <button md-button (click)="sidenav.toggle()">Overview </button>
    <button md-button>Deploy</button>
  </md-sidenav>

  <md-toolbar color="primary">
    <button class="app-icon-button" (click)="sidenav.toggle()">
      <i class="material-icons app-toolbar-menu">menu</i>
    </button>

    <!-- This fills the remaining space of the current row -->
    <span class="navbar-fill-middle-space"></span>

    <button md-button>Login</button>
  </md-toolbar>
</div>

我现在的问题是，chtml html的sidenav无法识别父html的sidnav布局。有没有可能像这样解决它或者我必须将带有切换栏的sidenav带入父html。谢谢你的建议