set a default value on select dropdown using using angular formly

Question

Hi , how do we set a default value for a select field using angular formly library

    this.uiFormFactory.createSelect(
          Location,
          this.store.select(StoreUtil.getParameterOptions(ParameterId.Location)),
          PersonDetailsFieldLabel.location,
          {
            required: true,
            select: { searchable: true, virtualScroll: true, defaultValue: 'Home' },
            readonly: false,
          }
        ),

Hossein Mousavi · Accepted Answer · 2021-02-08 07:29:25Z

3

you can use something like this:

  form = new FormGroup({});
  options: FormlyFormOptions = {};
  fields: FormlyFieldConfig[] = [
    {
      key: 'select box',
      type: 'select',
      defaultValue: 'value1',
      templateOptions: {
        label: 'select something',
        options: [
          { label: 'value 1', value: 'value1' },
          { label: 'value 2', value: 'value2' },
          { label: 'value 3', value: 'value3' },
        ],
      },
    },
  ];

  submit() {
    console.log('submit form');
  }
}

<form [formGroup]="form" (ngSubmit)="submit()">
  <formly-form [fields]="fields" [options]="options" [form]="form"></formly-form>
  <button type="submit" class="btn btn-primary submit-button" [disabled]="!form.valid">Submit</button>
</form>

of course, you can set the options array as you wish

answered Feb 8, 2021 at 7:29

Hossein Mousavi

4,0244 gold badges24 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

set a default value on select dropdown using using angular formly

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related