Внедрить названную розетку маршрутизатора с MatDialog в Angular 7

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, как я могу перенаправить на другие дочерние маршруты?