首页 文章

Angular 2:如何将路由重定向到具有命名出口的子路由

提问于
浏览
1

我有Angular 2路由器的问题 . 我无法将其重定向到具有指定插座的特定子路由 . 我认为这是URL编码的问题 . 我希望有一个人可以帮助我 . 这是我的路线设置:

const appRoutes: Routes = [
  { 
    path: 'browse',                
    component: BrowseComponent, 
    children: [
      { 
        path: 'first', 
        component: BrowseFirstComponent,
        outlet: 'view'
      },
      { 
        path: 'second', 
        component: BrowseSecondComponent,
        outlet: 'view'
      },
      { 
        path: 'third', 
        component: BrowseThirdComponent, 
        outlet: 'view'
      },
    ] 
  },
  { path: 'search', component: SearchComponent },
  { path: '',       redirectTo: '/browse/(view:first)', pathMatch: 'full' },
];

如果我手动导航到http://mysrv/browse/(view:first)(每次输入网址),它可以正常工作 . 但是,如果我导航到http://mysrv/而不是路由器尝试将我重定向到'browse/(view%3Afirst)',这不起作用:

EXCEPTION:未捕获(承诺):错误:无法匹配任何路线:'browse /(view%3Afirst)'

我使用Angular 2.0.0和路由器包3.0.0

有人可以帮帮我吗?

1 回答

相关问题