如何在工具栏下使用Sidenav

Question

我正在尝试使用工具栏组件和sidenav，但是，如果我以以下方式使用它，则仅我组件的工具栏会消失：

<!--Toolbar of sidebar-->
<app-toolbar></app-toolbar> 
<mat-sidenav-container class="example-container">
   <mat-sidenav opened mode="side">   
   </mat-sidenav>
   <!--Toolbar of sidebar-->
   <app-toolbar></app-toolbar>
 </mat-sidenav-container>

但是，如果我以以下方式使用它，则工具栏位于sidenav的内容之内；如何使工具栏位于仪表板类型的sidenav上方（我知道如何根据事件隐藏或显示它，但由于局限性，最好的选择是使它保持可见状态）？

 <mat-sidenav-container class="example-container">
   <mat-sidenav opened mode="side">   
   </mat-sidenav>
   <!--Toolbar of sidebar-->
   <app-toolbar></app-toolbar>
 </mat-sidenav-container>

示例（预期）