MatDialog中的“‘router outlet”在Angular 7中不起作用

在Angular 7中，MatDialog是Angular Material库中的一个组件，用于创建模态对话框。而"router outlet"是Angular中用于显示路由组件的指令。

在问题中提到的"router outlet"在MatDialog中不起作用，这是因为MatDialog是一个独立的组件，它不会受到路由的影响。"router outlet"只能在路由模块中使用，用于显示路由组件。

如果想在MatDialog中使用路由功能，可以通过在MatDialog中嵌入一个带有"router outlet"的组件来实现。具体步骤如下：

创建一个带有"router outlet"的组件，例如DialogComponent。
在DialogComponent中定义需要显示的路由组件，并在路由模块中配置对应的路由。
在需要打开MatDialog的组件中，通过MatDialog的open方法打开DialogComponent，并将DialogComponent作为MatDialog的内容传入。

示例代码如下：

创建DialogComponent：

import { Component } from '@angular/core';

@Component({
  selector: 'app-dialog',
  template: `
    <router-outlet></router-outlet>
  `,
})
export class DialogComponent {}

在路由模块中配置路由：

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { DialogComponent } from './dialog.component';

const routes: Routes = [
  {
    path: '',
    component: DialogComponent,
    children: [
      // 定义需要显示的路由组件
      // 示例路由组件为HomeComponent
      { path: '', component: HomeComponent },
    ],
  },
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
})
export class DialogRoutingModule {}

在需要打开MatDialog的组件中使用MatDialog：

import { Component } from '@angular/core';
import { MatDialog } from '@angular/material/dialog';
import { DialogComponent } from './dialog/dialog.component';

@Component({
  selector: 'app-example',
  template: `
    <button (click)="openDialog()">Open Dialog</button>
  `,
})
export class ExampleComponent {
  constructor(private dialog: MatDialog) {}

  openDialog() {
    this.dialog.open(DialogComponent, {
      width: '500px',
      height: '300px',
    });
  }
}

通过以上步骤，就可以在MatDialog中使用路由功能了。当打开DialogComponent时，会显示定义的路由组件（例如HomeComponent）。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。腾讯云云服务器提供可扩展的计算能力，适用于各种应用场景。腾讯云云数据库MySQL是一种高性能、可扩展的关系型数据库服务，适用于各种规模的应用程序。

腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm 腾讯云云数据库MySQL产品介绍链接地址：https://cloud.tencent.com/product/cdb_mysql