使用 angular 形式在选择下拉列表中设置默认值

问题描述

嗨，我们如何使用angular formly库为选择字段设置默认值

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

解决方法

你可以这样使用：

  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>

当然，你可以随意设置options数组