路由到深层嵌套组件Angular 2+

Question

我有这样的路线：

{
    path: 'parent',
    children: [
        {
            path: '',
            component: ParentComponent
        },
        {
            path: 'child1',
            children: [
                {
                    path: ':childID',
                    component: Child1Component
                }
            ]
        },
        {
            path: 'child2',
            children: [
                {
                    path: ':childID',
                    component: Child2Component
                }
            ]
        }
    ]
}

现在我想为child1 / childID调用路由。如何路由到它？

现在我用它：

this._router.navigate(["child1", auction_ID]);

但它没有路由回父母

Answer 1

你必须从＆＃34; top＆＃34;开始当你导航到某条路线时。在您的情况下，您希望转到parent -> child1 -> :childID，因此您必须使用navigate方法传递所有这些部分。

导航到孩子

this._router.navigate(['parent', 'child1', auction_ID]);

导航到家长

this._router.navigate(['parent']);