我有一个包含Tabbed结构的视图 . 选项卡有一个路由器链接,使用routerLink进行导航 . 但是,如果我导航到其中一个选项卡,则只初始化特定组件 . 如何让选项卡中的所有组件都调用其构造函数 .
父模板:
<nav>
<a *ngFor="let tab of tabs" routerLink="{{tab.routerLink}}" routerLinkActive="{{tab.routerLinkActive}}">{{tab.displayText}}</a>
</nav>
<router-outlet></router-outlet>
父组件:
loadTabs() {
this.tabs = [
{
routerLink: "/sample/summary/",
routerLinkActive: "active",
class: "active",
displayText: "Summary"
},
{
routerLink: "/sample/details/",
routerLinkActive: "active",
class: "active",
displayText: "Details"
}
]
}
app.routing.ts
export const routes: Routes = [
{
path: '',
component: HomeComponent,
children: [
{
path: 'sample',
component: SampleComponent,
children: [
{ path: '', redirectTo: 'summary', pathMatch: 'full' },
{ path: 'summary', component: SummaryComponent },
{ path: 'details', component: DetailsComponent }
]
}
]
}
]
当我导航到 \sample\summary
时, SampleComponent
和 SummaryComponent
已初始化但 DetailsComponent
不是 . 当 \sample\summary
使用我当前的设置导航时,有没有办法初始化 DetailsComponent
?