我正在嘗試構建一個 Angular Web 應用程式，它在每個頁面的頂部都有一個 Angular Material Sidenav。我想讓 sidenav 出現在每個組件上方，但標簽占據了整個螢屏，將組件推到了視野之外。單個組件的解決方案是執行以下操作：
<mat-sidenav-content>
<app-example></app-example>
</mat-sidenav-content>
但是，我需要將它用于不同頁面上的多個組件，并且我希望避免為每個特定組件復制 sidenav 代碼。
uj5u.com熱心網友回復：
它需要像你所做的那樣完成，但不是“手動加載”所需的組件，你必須使用Angular Router及其路由來完成它，使用“< router-outlet></ router-outlet >”而不是組件名稱，如下所示：
<mat-sidenav-content>
<router-outlet></router-outlet>
</mat-sidenav-content>
當我看到你失去了它一點點，我離開你這里有一個檔案進一步和詳細解釋，這里的stackblitz例子有分叉的經典布局例如，在這里你可以看到它是如何以及在哪里可以隨意鼓搗。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/402125.html
上一篇：Primeeng折線圖不會自動更新，僅在視窗重繪時更新
下一篇：如何避免在承諾中回傳可觀察的