由material sidenav右键菜单中的组件提供的动态内容

我已经实现了一个右手菜单覆盖到一个模板，已经使用左手导航使用材料侧边。我需要一个额外的sidenav来编辑从右边滑入的内容。这是在app.component中声明的，我添加了一个服务，它允许我通过通知app.component切换sidenav的状态，从任何组件打开右侧a。这是它在app.component中的布局：

 <mat-sidenav-container>


  <mat-sidenav #appDrawer mode="{{ mode }}" opened="{{ opened }}"
    disableClose={{disableClose}} position="start" 
    (openedChange)="navStateChangeEmit($event)">

    left navigation menu content

  </mat-sidenav>


  <!-- Right Hand overlay menu -->
  <mat-sidenav  #appDrawerRH mode="over" opened="{{openedRmenu}}"
  position="end" (openedChange)="r_navStateChangeEmit($event)">

  Right Menu content here

  </mat-sidenav>

  <mat-sidenav-content class="main-content">
  </mat-sidenav-content>
</mat-sidenav-container>

我需要的是让右边的sidenav是多用途的，并让打开它的组件决定在其中显示什么内容/表单。我不确定该如何构建它。

转载请注明出处:http://www.bqysc.com/article/20230528/1025936.html

相关阅读