當我在
http://localhost:4200/
然后，我點擊 Administration
顯示子選單
現在，我點擊 Portfolio
子選單不見了？？？
我希望我的子選單保持激活狀態。
但是，如果我已經在 Portfolio
然后我點擊 Account Opening
子選單已正確激活！
我不明白問題出在哪里？
我認為問題出在administration.routing.ts？
export const routes: Routes = [
{
path: '',
component: DashboardComponent,
children: [
{
path: '',
redirectTo: 'portfolio',
pathMatch: 'full'
},
{
path: 'portfolio',
component: PortfolioComponent,
},
{
path: 'account-opening',
component: AccountOpeningComponent,
},
]
},
];
在dashboard.component.ts中，路徑好像不錯
menus: any[] = [
/* Administration */
{
class: 'bx bx-lock-alt',
item: 'Administration',
route: '/dashboard/adiministration',
arrowDown: 'bx bx-chevron-down',
arrowUp: 'bx bx-chevron-up',
submenus: [
{
class: 'bx bx-key',
item: 'Account Opening',
route: '/administration/account-opening',
},
{
class: 'bx bx-wallet',
item: 'Portfolio',
route: '/administration/portfolio',
},
],
},
/* Market */
{
class: 'bx bx-chart',
item: 'Market',
route: '/dashboard/market',
arrowDown: 'bx bx-chevron-down',
arrowUp: 'bx bx-chevron-up',
submenus: [
{
class: 'bx bx-coin-stack',
item: 'Value',
route: '/market/value',
},
{
class: 'bx bx-line-chart',
item: 'Indice',
route: '/market/indice',
},
],
},
];
我可以在這里給你代碼
uj5u.com熱心網友回復：
如果您在“dashboard-rouding.module”中查看您的配置，那么您會看到
{
path: '',
component: DashboardComponent,
},
{
path: 'administration', // totaly different instance of DashboardComponent will be rendered on this path because of the configuration provided.
loadChildren: () => import('./administration/administration.module').then((m) => m.AdministrationModule),
},
并且因為呈現了新的儀表板組件 - 選單狀態未保存。解決我建議將兩個子模塊放在 children 部分的問題
{
path: '',
component: DashboardComponent,
children: [
{
path: 'administration',
loadChildren: () => import('./administration/administration.module').then((m) => m.AdministrationModule),
},
{
path: 'market',
loadChildren: () => import('./market/market.module').then((m) => m.MarketModule),
},
]
},
并洗掉這些模塊中重復的儀表板組件，因為那里不再需要它
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/400344.html
標籤：有角的