我正在嘗試在單個組件中使用多個路由器插座。下面是一個代碼示例。
<div>
<button matRipple matRippleColor="#FFFFFF20" [routerLink]="[{ outlets: {myoutlet: ['componentOne']}} ]" matTooltipPosition="below">
Navigate One
</button>
<button matRipple matRippleColor="#FFFFFF20" [routerLink]="[{ outlets: {myoutlet: ['componentTwo']}} ]" matTooltipPosition="below">
Navigate Two
</button>
</div>
<router-outlet #outlet="outlet" name="myoutlet"></router-outlet>
但是我無法在插座中渲染組件。任何建議都會有所幫助
uj5u.com熱心網友回復：
您應該將路由器插座命名為：
<router-outlet name="outlet-one">
<router-outlet name="outlet-two">
然后在您的路由器配置中：
{path: '/routerOne', component: firstComponent, outlet: 'outlet-one'}
{path: '/routerTwo', component: secondComponent, outlet: 'outlet-two'}
uj5u.com熱心網友回復：
確保您已經在路由模塊檔案中針對每個組件定義了插座名稱，類似這樣
{path:'your_path_name',component:'componentOne',outlet:myoutlet},
{path:'your_path_name',component:'componentTwo',outlet:myoutlet}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/334776.html
標籤：有角的