Fatal编程技术网
  • angular/
  • 在Angular 7中嵌入带MatDialog的命名路由器出口

在Angular 7中嵌入带MatDialog的命名路由器出口

angular angular-material

在Angular 7中嵌入带MatDialog的命名路由器出口,angular,angular-material,dialog,router-outlet,Angular,Angular Material,Dialog,Router Outlet,我想在MatDialog组件中创建一个路由系统，该组件可以在我的应用程序中的任何位置打开 解释 因此，我在/tata，打开选项卡2上的对话框。所以我想要一个特定的URL。当我复制/通过它时，对话框在选项卡2上打开，背景为背景/tata 试试看 在app.component.html中，添加一个 在我的声明中： const routes: Routes = [ { path: 'mainDialog', outlet: 'dialog', component: DialogOpe

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

解释

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

试试看

在app.component.html中，添加一个

在我的声明中：

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'：'mainlialog'}]）打开主对话框


但是在打开
main对话框组件之后，如何路由到其他子路由？
您找到解决此问题的方法了吗？我面临着同样的问题，但我找不到任何方法来解决这个问题：（你的意思是导航到对话框本身内的其他路径？