当mat-sidenav-container和mat-sidenav在不同的组件中时出现的问题

Question

我将mat-sidenav容器和mat-sidenav分为两个不同的部分。当我将sidenav包含在两个这样的组件中时，模式“ side”不再起作用。模式切换到“结束”。 当我所有组件都在同一个组件中时，它就起作用了。

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

应用布局包含 mat-sidenav-container 组件和 app-sidenav 包含 mat-sidenav 组件

在运行时，

<app-sidenav></app-sidenav>
<router-outlet></router-outlet>

被mat-sidenav-content包裹。

Answer 1

目前不支持在自定义组件中包装<mat-drawer>或<mat-sidenav>，并且无法使用。参见https://stackoverflow.com/a/48308330/9226213。