在Angular 7中将命名路由器出口与MatDialog嵌入

Question

我想要一个MatDialog组件内部的路由系统，该组件可以在我的应用程序中的任何位置打开。

说明

所以我在/tata上，打开选项卡2上的对话框。所以我想要一个特定的URL。当我复制/粘贴它时，该对话框在选项卡2上打开，背景为/tata

尝试

在app.component.html中，添加一个<router-outlet name="dialog"></router-outlet>

在我的路线声明中：

const routes: Routes = [
{ path: 'mainDialog', 
    outlet: 'dialog',
    component: DialogOpenerComponent, 
    data: { dialog: MainDialogComponent }, 
    children: [
    { 
        path: 'dialogSubTab', 
        component: MainDialogSubTabComponent, 
        outlet: 'dialog-sub-tab' }
    ]}
];

DialogOpenerComponent使用MainDialogComponent作为组件进行打开的对话框调用。

当我致电this.router.navigate([{outlets: { 'dialog': 'mainDialog' }}]);时，将打开主对话框。

但是在打开MainDialogComponent之后，如何路由到其他子路由？