css - 如何在带有路由器插座的 mat-sidenav 内容中使用 p 分层菜单？

Question

我们已经使用 p-tiered menu 在 mat-sidenav 中显示子菜单，我们已经放置在里面

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>