Question

我已经定义了一些路线

export const ContainerRoutes: Routes = [
    {
        path: 'container',
        component: containerComponent,
        children: [
            ...FirstRoutes,
            ...SecondRoutes
        ]
    }
];

首先：

export const FirstRoutes: Routes = [
    {
        path: 'first',
        component: FirstComponent
    }
];

第二

export const SecondRoutes: Routes = [
    {
        path: 'second',
        component: SecondComponent
    }
];

容器组件显示在路由器插座和子设备中。它的孩子也在路由器插座中。

因此，导航到第一个和第二个组件时一切正常。但是当我想通过网址（localhost:3000/#/parent/container/second）打开第二个时，它总是会重定向到localhost:3000/#/parent/container/first。

如何实现导航到第二个组件？

Answer 1

我解决了。

我的错误是我导航到容器的第一个ngOnInit方法，因为我想把它作为第一页。

将容器路线更改为

export const ContainerRoutes: Routes = [
    {
        path: 'container',
        component: containerComponent,
        children: [
        {
            path: '',
            redirectTo: 'first',
            pathMatch: 'full'
        },
            ...FirstRoutes,
            ...SecondRoutes
        ]
    }
];

并删除OnInit中的导航解决了我的问题。

打开儿童路线与角度5的网址

1 个答案: