在 MatDialog 中使用 ngx-color-picker 时出现 StaticInjectorError

Question

我有一个使用 ngx-color-picker 指令的颜色选择器组件。该组件位于模块的entryComponents 中，并被 MatDialog 像这样使用。

openDialog() { this.dialog.open(EntryComponent, { width: '600px', autoFocus: false }, ); }

当我尝试在颜色选择器组件中使用 ngx-color-picker 的某些功能时，它会抛出 StaticInjectorError。

当我使用没有对话框的组件时，只是在一个不在模块的entryComponent 中的简单组件中 - 一切正常。

要重现此问题，请查看此 Stackblitz 项目 https://stackblitz.com/edit/angular-jxkwq2

1. 按Open dialog 按钮
2. 点击黑色矩形
3. 检查控制台

为什么会发生，我该如何解决？

Answer 1

在AppComponent中提供MatDialog

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ],
  providers : [MatDialog]
})

分叉Demo