如何在 Angular v17 中全局设置 MAT_FORM_FIELD_DEFAULT_OPTIONS

Question

这是配置垫表单字段的外观的方法。

@NgModule({
providers: [
  {provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: {appearance: 'outline'}}
 ]
})

如何在没有模块的 v17 中做同样的事情？顺便说一句，还有许多其他此类令牌用于全局配置提供程序。但是，文档没有告诉您在使用独立样式时如何配置它们。

感谢您的帮助。

Answer 1

您可以将此令牌添加到 main.ts 中

bootstrapApplication

的提供者中

bootstrapApplication(InputClearableExample, {
  providers: [
    {
      provide:MAT_FORM_FIELD_DEFAULT_OPTIONS,
      useValue: {appearance: 'fill'}
    },
    provideAnimations(),
    provideHttpClient(),
    importProvidersFrom(MatNativeDateModule)
  ]
}).catch(err => console.error(err));

示例