Css 如何在mat sidenav内容和路由器插座中使用p层菜单？

我们在mat sidenav中使用了p层菜单来显示子菜单，并在其中放置了

p-分层菜单未在mat sidenav中正确显示，如以下屏幕截图所示：

以下是截图：

它应在mat sidenav环境外部，即路由器出口内部，显示子菜单（PQR、LMN）

<mat-sidenav-container>
  <mat-sidenav #projectnav
    mode="side"
   opened>
    <mat-nav-list>      
      <div *ngFor="let menuItem of menuArray" >
        {{ menuItem.visible }}                     
        <app-tiered-menu *ngIf="menuOpen" [menuItems]="[menuItem]">
        </app-tiered-menu>      
      </div>
    </mat-nav-list>
  </mat-sidenav>
 <mat-card-content>
    <router-outlet></router-outlet>
  </mat-card-content>
</mat-sidenav-container>

{{menuItem.visible}

显示您的相关代码我已经更新了相关代码您可以在哪里提供stackblitz代码进行测试？显示您的相关代码我已经更新了相关代码您可以在哪里提供stackblitz代码进行测试？