Блог

У меня есть формальная форма со многими mat-inputs (да, я использую Материал) внутри. Я хочу, чтобы у каждого из них была appearance=outline причина, по которой я могу поместить ее внутрь templateOptions каждого ввода. Но это не СУХО. Есть ли способ установить значение по умолчанию appearance для каждого mat-input из них в моем приложении и не указывать его в каждом входном описании?

UPD. Я использую компонент formly form следующим образом

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

form генерируется с помощью cycle ( fieldsDescription перебора по массиву) и angular form builder. fieldsDescription загружается из серверной части. Прямо сейчас я ввожу appearance=outline каждый ввод. Так fieldsDescription что это массив объектов, подобных следующему

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

почему бы не использовать в качестве поставщика MAT_FORM_FIELD_DEFAULT_OPTIONS { внешний вид: ‘outline’ }? Я полагаю, вы хотите, чтобы все ваши вводные данные отображались в общих чертах. В вашем модуле

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

почему бы не использовать внутренний шаблон <mat-form-field appearance="outline"> ? предполагая, что вы используете ngFor там.

le:

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

для Formly вы можете использовать templateOptions для определения контура внешнего вида в конфигурации полей формы. источник здесь