Angular 18 中独立组件的下标大小

Question

嗨，我正在尝试减少 Angular 18 反应形式中项目之间的间距。 我在 stackoverflow 上看到了一个使用 subscriptSizing 模块的答案：

如何删除底部垫子表单字段的空格。

有谁知道如何将独立组件的 subscriptSizing 更改为“动态”？我尝试添加 main.ts 和 app.config.ts 但没有运气。

谢谢

皮特

/*main.ts:*/
/*************only accepts two arguments*************/
bootstrapApplication(AppComponent, appConfig,)
  .catch((err) => console.error(err));

/*app.config.ts*/
/***doesnt recognize MAT_FORM_FIELD_DEFAULT_OPTIONS --tried importing MatFormFieldModule***/
export const appConfig: ApplicationConfig = {
  providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes),
     provideAnimationsAsync(),provideHttpClient(), {provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
    useValue:{subscriptSizing: 'dynamic'}}
  ]
};

Answer 1

您需要从 '@angular/material/form-field' 导入 { MAT_FORM_FIELD_DEFAULT_OPTIONS }；