Angular - router.navigate 给出了错误的路线

Question

我正在开发一个膳食计划器，它接受一些输入并提供膳食计划。 我需要一些帮助来使用 router.navigate 和 routerLink 重定向到另一个页面。

问题 1：

页面用户当前正在：http://localhost:4200/meal-planner/daily-planner/user-redirect

用户必须导航到的页面（称为每日计划页面）：http://localhost:4200/meal-planner/(dailyplanner:daily-planner)?mode=create

我使用的代码：（不起作用）

this.router.navigate(['/','meal-planner', { outlets: { dailyplanner : ['daily-planner'] } }], { queryParams: {mode: 'create'} });

我也试过：

let url : UrlTree = this.router.createUrlTree(['/','meal-planner', { outlets: { dailyplanner : ['daily-planner'] } }], { queryParams: {mode: 'create'}, relativeTo: this.route.root });

网址被创建为：/meal-planner/(daily-planner/user-redirect//dailyplanner:daily-planner)?mode=create

以防万一，

this.route.root 打印为：Route(url:'', path:'')

this.route,parent 打印为：Route(url:'', path:'')

问题 2：

如何使用 routerLink 而不是 router.navigate 来配置路由？ 我有一个标题，必须将用户带到 http://localhost:4200/meal-planner/(dailyplanner:daily-planner)?mode=create，但它也不起作用

` 每日计划

`