相关疑难解决方法(0)

MatDialog 中的“路由器出口”在 Angular 7 中不起作用

<router-outlet></router-outlet>我正在尝试在 Angular Material 弹出对话框中使用。但是,路由器出口部分不会呈现任何内容,也不会将任何内容记录到控制台。

如果我将 添加<router-outlet></router-outlet>到弹出对话框的组件(ContextBuyerPinComponent)的 HTML 内容中,那么它就可以正常工作。

路线如下:

const demoRoutes: Routes = [
  {
    path: 'demo',
    children: [
      { path: 'register-email', component: RegisterEmailComponent },
      {
        path: 'context-buyer-pin',
        component: ContextBuyerPinComponent,
        children: [
          { path: 'services', component: ContextPinServicesComponent },
          { path: 'emails', component: ContextPinEmailsComponent },
          { path: 'details', component: ContextPinDetailsComponent }
        ]
      }
    ]
  }
];
Run Code Online (Sandbox Code Playgroud)

该对话框是通过 ContextBuyerPinComponent 打开的,如下所示 this.matDialog.open(ContextBuyerPinDialogComponent, this.config);

ContextBuyerPinDialogComponent HTML 如下:

const demoRoutes: Routes = [
  {
    path: 'demo',
    children: [
      { path: 'register-email', …
Run Code Online (Sandbox Code Playgroud)

router-outlet angular angular7 angular-material-7

3
推荐指数
1
解决办法
4853
查看次数