Angular 2路由问题子和父

时间:2017-01-07 11:12:23

标签: angular

我在Stack Overflow上发现了很多路由问题,但不是我的问题的答案。用户登录后,用户将被路由到具有子路由的父级:

{
    path: '',
    component: LoginComponent,
},
{
    path: 'parent',
    component: ParentComponent,
    children: [
        {
            // without this routing does not work
            path: '',
            redirectTo: 'parent'
        },
        { 
            path: 'child', 
            component: ChildComponent,
        },
    ]
},
//... more routes

我的问题是没有children中提到的以下内容:

            path: '',
            redirectTo: 'parent'

用户根本没有从登录页面路由到父路由。但这也与我的网址混淆,而不仅仅是

localhost:3000/parent我得到localhost:3000/parent/parent。那仍然显示正确的组件。但是当用户在其他地方导航时,会出现错误:

  

无法匹配任何路线:'某事/某事'

我该如何解决这个问题,谢谢?

1 个答案:

答案 0 :(得分:1)

您的网址问题可能是导航到您的父组件时导致的,如果路径为'',在您的情况下意味着localhost:3000/parent

然后再次redirectTo parent,因此导致localhost:3000/parent/parent

尝试删除redirectTo: 'parent',看看会发生什么!