Angular2使用错误的RouterOutlet

时间:2017-08-10 16:05:59

标签: angular angular2-routing

我似乎无法让它发挥作用。我正在尝试使用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'

   }
];

如果我遗漏了相关信息,请告知我们。

0 个答案:

没有答案