Angular Material StaticInjectorError : No provider for MatDialog

Question

当我在浏览器中启动我的 Angular 5 页面时，我的浏览器控制台出现以下错误。

ERROR Error: StaticInjectorError(AppModule)[AppComponent -> MatDialog]: StaticInjectorError(Platform: core)[AppComponent -> MatDialog]: NullInjectorError: No provider for MatDialog! at _NullInjector.webpackJsonp.../../../core/esm5/core.js._NullInjector.get

我错过了什么？

Answer 1

此错误通常发生在您尝试使用的服务尚未在您的@NgModule 中提供时。

要使用 MatDialog 服务，您需要转到模块文件并将 MatDialogModule 添加到导入数组中:

import {MatDialogModule} from '@angular/material/dialog';

@NgModule({
  imports: [MatDialogModule]
})
export class MyModule {}

您可以在此处找到导入以及有关如何使用该对话框的更多信息:https://material.angular.io/components/dialog/api .