Angular formly：有没有办法为所有输入设置默认选项

Question

我有一个正式的表格，里面有很多 mat-inputs（是的，我正在使用 Material）。我希望他们每个人都有appearance=outline，因为我可以把它放在每个输入的templateOptions 中。但这不是 DRY。有没有办法在我的应用程序中为每个mat-input 设置默认appearance 并且不将其放在每个输入描述中？

UPD。我正在通过以下方式使用表单组件

<formly-form [form]="form" [fields]="fieldsDescription"></formly-form>

form 是通过循环（循环fieldsDescription 数组）和角度形式生成器生成的。 fieldsDescription 是从后端下载的。现在我在每个输入中输入appearance=outline。所以fieldsDescription 是一个对象数组，如下所示

{
    "key": "field_key",
    "type": "input",
    "templateOptions": {
        "label": "A label",
        "appearance": "outline",
        "placeholder": "",
        "required": true
    }
}

Answer 1

为什么不将 MAT_FORM_FIELD_DEFAULT_OPTIONS {外观：'outline'}用作提供者？我想你想要你所有的输入外观大纲。在你的模块中

  providers: [
    { provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: { appearance: 'outline' } },
  ]

Answer 2

为什么不使用内部模板 <mat-form-field appearance="outline"> ？假设您在那里使用ngFor。

乐：

  fields: FormlyFieldConfig[] = [
    {
      key: 'Input',
      type: 'input',
      templateOptions: {
        label: 'Input',
        placeholder: 'Placeholder',
        description: 'Description',
        required: true,
        appearance: 'outline',
      },
    },
  ];

对于 Formly，您可以使用 templateOptions 在表单字段配置中定义外观轮廓。来源here