Angular：如何使用 navigate 方法从 parent 组件导航到 child 路由

Question

这是我的 html rouerLink：

<a [routerLink]="['create']">Create</a> - 工作正常。

单击按钮时，我的调用方式与：但不起作用..

navigateTo(page) {
        this.router.navigate(['create']); //not works
    }

任何人都可以帮助我，我在这里真正想念的是什么？

更新

我正在从 parent 导航到 child

这是路线：

{
                path: 'contentPlaceholder',
                data: { showNavi: true },
                component: ShellContentPlaceholderComponent,

                children : [
                    {
                        path: 'view',
                        data: { showNavi: false },
                        component: ShellContentViewPlaceholderComponent,
                    },
                    {
                        path: 'create',
                        data: { showNavi: false },
                        component: ShellContentCreatePlaceholderComponent,
                    },
                    {
                        path: 'edit',
                        data: { showNavi: false },
                        component: ShellContentEditPlaceholderComponent,
                    },
                    {
                        path: 'update',
                        data: { showNavi: false },
                        component: ShellContentUpdatePlaceholderComponent,
                    }
                ]
            }

Answer 1

尝试将 relativeTo 值设置为当前路线：

constructor(private router: Router, private route: ActivatedRoute) {}

然后：

this.router.navigate(['./create'], { relativeTo: this.route });

Angular：如何使用 navigate 方法从 parent 组件导航到 child 路由

Angular: How to navigate to child route from parent component by using navigate method

angular

angular-router

angular8