角度版本 ^13.3.9
問題 當使用多個插座并嘗試在惰性模塊中渲染多個 then 時,使得角度路由器路由正確但插座沒有被渲染。
流程(參見示例) 用戶轉到主頁 url=''。這使用主要出口(無名稱)
用戶轉到父頁面 url='Parent:parent' ,它為該頁面及其子頁面創建布局。父母有自己的名為“parentRoutes”的出口,它被轉換為“父母:”以獲得更清晰的網址。轉換發生在 src/app/CustomUrlSerializer
用戶轉到子頁面 url='Parent:parent/Child:'。孩子們有自己的名為“childRoutes”的出口,它被轉換為“孩子:”以獲得更清晰的網址。轉換發生在 src/app/CustomUrlSerializer
示例 https://stackblitz.com/edit/angular-p9qjhw?file=src/app/app.component.ts
正確路由路由。已經嘗試過:
- 具有多個命名插座的延遲加載模塊上的Angular2路由
- 放置在延遲加載模塊中時,Angular 10 輔助路由器插座不作業
更新/進展
目前讓它為第一個點擊的孩子作業。然后它不再起作用:(
uj5u.com熱心網友回復:
你必須使用命名插座嗎?使用父組件和子組件時,您不需要它們,因為子組件會自動呈現在router-outlet父組件中。僅當您需要在同一組件級別上擁有兩個(或更多)出口時,才使用命名出口。
這是您示例中的一個作業堆疊閃電戰:https ://stackblitz.com/edit/angular-ycn6cn?file=src/app/app.routing.ts
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/532567.html
