当我们有多个网点时如何处理导航?

时间:2016-10-28 13:37:40

标签: angular angular2-routing

我已经看到了这个:https://stackoverflow.com/a/38038733/806963但是我无法找到一种方法来添加来自navigateByUrl方法的params或者在 Angular2 final 中完成任何一种方法。

我在2个不同的组件中有2个路由器输出器。

    AppModule中的
  1. <router-outlet></router-outlet>
  2. AccountModule中的
  3. <router-outlet name="account-information-outlet"></router-outlet>
  4. 我的代码:

    export const appRouting = RouterModule.forRoot(
      [
        {
          path: 'shop',
          loadChildren: 'app/modules/shop.module#ShopModule'(is not imporntent right now)
        },
        {
          path: 'account',
          loadChildren: 'app/modules/account.module#AccountModule' (related to the code below)
        },
        {
          path: '',
          redirectTo: 'shop',
          pathMatch: 'full'
        },
      ]);
    
    export const accountRouting: ModuleWithProviders = RouterModule.forChild([
      {
        path: '',
        component: AccountInformationComponent,
    
        canActivate: [
          IsAnyUserLoggedInGuard
        ],
        children:[
          {
            path: 'profile/:key',
            component: ProfileComponent,
            outlet: "account-information-outlet"
          }
        ]
      }
    ]);
    

    我试图从AccountModule(AccountInformationComponent)调用它:this.router.navigate(['account/profile', parameter)但它失败了。

    错误:

    Cannot match any routes: 'account/profile/-KUOW06DpH06D2rdvbLJ'

0 个答案:

没有答案