我似乎无法让它发挥作用。我正在尝试使用md-tabs和路由器插座,这样我就不会同时预加载所有数据。相反,我只是在必要时加载它。
AdminComponent.html
<a [routerLink]="['kategorier']"><h1>till kategorier</h1></a>
<md-tab-group (focusChange)="changeTab($event)">
<ng-container *ngFor="let tab of adminPages">
<md-tab label="{{tab.title}}">
</md-tab>
</ng-container>
</md-tab-group>
<router-outlet name="admin-panel"></router-outlet>
AdminComponent.ts(changetab function)
public changeTab(e) {
console.log("link: "+this.adminPages[e.index].link);
this.router.navigate([this.adminPages[e.index].link]);
// this.router.navigate(['account', {outlets: {'admin': [this.adminPages[e.index].link]}}]);
// this.router.navigate([{ outlets: { admin: [this.adminPages[e.index].link] } }]);
}
app-routing.module.ts的相关部分
const routes: Routes = [
{
path: 'account',
component: AccountComponent,
pathMatch: 'full',
children: [
// { path: '', redirectTo: 'kategorier', pathMatch: 'full' },
{ path: 'ordrar', component: OrderManagerComponent, outlet: 'admin-panel' },
{ path: 'kategorier', component: CategoryManagerComponent, outlet: 'admin-panel' },
{ path: 'produkter', component: ProductManagerComponent, outlet: 'admin-panel' },
{ path: 'anvandare', component: UserManagerComponent, outlet: 'admin-panel' }
]
},
{
path: '**',
redirectTo: '/',
pathMatch: 'full'
}
];
如果我遗漏了相关信息,请告知我们。