angular - Angular Materials 中没有 InjectionToken 错误提供程序

Question

我正在使用 Angular Materials 开发 Angular 项目。项目已使用 Angular Materials 正确设置，编译时没有任何问题，并且我能够使用多个 Angular Materials 组件。

但是当我尝试在 AppModule 中执行以下注入(inject)时，出现错误。

@Inject(MAT_EXPANSION_PANEL_DEFAULT_OPTIONS) private options: any

错误消息:

StaticInjectorError(Platform: core)[AppComponent -> InjectionToken MAT_EXPANSION_PANEL_DEFAULT_OPTIONS]: 
    NullInjectorError: No provider for InjectionToken 

即使在 AppModule 导入数组中包含 MatExpansionModule 后，我也会遇到此错误。

Answer 1

默认情况下，MAT_EXPANSION_PANEL_DEFAULT_OPTIONS token 不存在，您必须提供它。因此，如果您想为扩展面板设置默认选项，您可以将其添加到模块中的提供程序列表中:

providers: [{
  provide: MAT_EXPANSION_PANEL_DEFAULT_OPTIONS,
  useValue: {
    collapsedHeight: '100px',
    expandedHeight: '100px',
    hideToggle: true
  }
}]

https://stackblitz.com/edit/angular-material-inject?embed=1&file=main.ts