在 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使用MainDialogComponentas 组件进行打开对话框调用。

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

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