當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