这个问题的原因可能是由于一些CSS冲突所导致的。为了解决这个问题，我们可以使用一些内置的Angular Material库函数来打开对话框。下面是一个示例代码，可以帮助您解决这个问题：

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

@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent {

constructor(public dialog: MatDialog) { }

openDialog() { this.dialog.open(DialogContentExampleDialog); } }

@Component({ selector: 'dialog-content-example-dialog', templateUrl: 'dialog-content-example-dialog.html', }) export class DialogContentExampleDialog {}

请注意，这里我们使用MatDialog来打开对话框。在您的组件中，您可以使用上面的openDialog()函数来打开对话框。使用以上代码，您将不再面临Angular对话框不显示消息的问题。