模塊內的命名路由器出口 - 路徑匹配但內容未加載

Question

我有一個延遲加載的模塊，其中包括命名的路由器出口（輔助路由）。 我無法將內容定位到此路由器。 路徑匹配，我可以在 url 中看到它，但內容沒有出現。

這是一個代碼示例： Stackblitz

====更新

代碼是固定的。

用法：

1. 單擊“加載子模塊”鏈接
2. 子模塊加載
3. 單擊“SUBMOD loaded”標題上方的任何行。

Answer 1

當您在組件內使用路由器插座時，需要將子路由聲明為父路由的子路由。

這就是你的 submod 路由的樣子

{
  path: '',
  component: SubmodComponent,
  children: [
    { path: 'toloadin', outlet: 'suboutlet', component: ToLoadinComponent },
  ],
}