定制模型值/以ngx形式输出

时间:2020-06-05 13:25:53

标签: angular-formly ngx-formly

我正在尝试使用ngx-formly呈现表单。 (使用FormlyFormConfig对象) 表单呈现正确,我将模型值作为json对象获取。

但是,不是将表单字段值设置为模型值,而是可以将值设置为FormlyFormConfig“ defaultValue”字段吗?

如果不是,是否可以为模型设置其他属性。

这是因为我的表单与来自后端的字段ID绑定在一起,并且希望将值设置为相同的formfieldconfig,以便后端知道这些值属于哪个字段。

Here is the sample

1 个答案:

答案 0 :(得分:0)

正如我正确理解您的问题,您可以向该字段添加默认值。 例如:

test.component.ts:

  public form = new FormGroup({});
  public model = {};
  public options: FormlyFormOptions = {};
  public fields: FormlyFieldConfig[];

  this.fields = [{
      key: 'name',
      type: 'input',
      defaultValue: name, // you can add default value
      templateOptions: {
        label: 'Name',
        placeholder: 'Name',
      },
    }];

test.component.html:

  <formly-form
    [form]="form"
    [fields]="fields"
    [model]="model"
    [options]="options"
  ></formly-form>