当mat-sidenav容器和mat-sidenav位于不同组件中时的问题

Question

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

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

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