How to route to auxiliary route programmatically with param

Question

我有一个从子组件接收事件的组件，像这样：

<my-component (dataOutput)="route($event)"></my-component>

在我的函数中

route

我想路由到一个包含我当前所在的URL的url，加上显示输出事件接收到的一些数据的覆盖的辅助路由。我尝试了以下不起作用

const url = ['albums', albumId];
const outlet = { outlets: { artistEditor: ['artist', artistId] } }
this.router.navigate(url, outlet);

如果我只路由到

{ outlets: { artistEditor: ['artist', artistId] } }

，应用程序找不到路由。虽然，作为旁注，如果我用 HTML 编写它，它可以使用如下测试按钮正确导航：

<a [routerLink]="[{ outlets: { artistEditor: ['artist', 'artistId'] } }]" >New</a>

以编程方式路由到辅助路由，确保我定义的 URL 也得到遵守的最佳方法是什么？