mat-错误，未显示错误消息angular 5

是一个关于Angular 5中错误消息未显示的问题。下面是一个完善且全面的答案：

在Angular 5中，当使用Angular Material库（也称为Angular Material Design）时，有时候可能会遇到错误消息未显示的问题。这个问题通常是由于开发者没有正确设置错误消息的原因导致的。

解决这个问题的方法如下：

1. 确保已经正确导入了MatSnackBarModule：在使用Angular Material时，需要确保在你的应用程序的根模块（通常是app.module.ts）中正确导入MatSnackBarModule。在导入时，需要将MatSnackBarModule添加到imports数组中。

import { MatSnackBarModule } from '@angular/material/snack-bar';

@NgModule({
  ...
  imports: [
    ...
    MatSnackBarModule,
    ...
  ],
  ...
})
export class AppModule { }

1. 使用MatSnackBar服务显示错误消息：MatSnackBar是Angular Material库中的一个服务，用于显示消息。在你的组件中，首先需要注入MatSnackBar服务，然后使用它的open方法来显示错误消息。

import { MatSnackBar } from '@angular/material/snack-bar';

@Component({
  ...
})
export class YourComponent {
  constructor(private snackBar: MatSnackBar) { }

  showErrorMessage() {
    this.snackBar.open('错误消息', '关闭');
  }
}

在上面的代码中，我们使用open方法显示了一个错误消息。第一个参数是要显示的消息文本，第二个参数是一个可选的关闭按钮的文本。

1. 使用错误消息的详细选项：open方法还可以接受一个可选的配置对象作为第三个参数，以便对错误消息进行更详细的设置。例如，你可以设置消息的持续时间、显示位置等。

this.snackBar.open('错误消息', '关闭', {
  duration: 2000,
  horizontalPosition: 'center',
  verticalPosition: 'top',
});

在上面的代码中，我们将持续时间设置为2000毫秒（2秒），将水平位置设置为中心，垂直位置设置为顶部。

这样，当出现错误时，Angular Material的MatSnackBar服务将会显示错误消息，并且可以根据需要进行详细的设置。

关于Angular Material和MatSnackBar的更多信息，你可以查看腾讯云的相关产品和产品介绍链接地址。