自定义模型值/输出 ngx-formly

【问题标题】：Customized model values / output ngx-formly自定义模型值/输出 ngx-formly
【发布时间】：2020-09-24 17:21:34
【问题描述】：

我正在尝试使用 ngx-formly 来呈现表单。（使用 FormlyFormConfig 对象）表单正在正确呈现，我将模型值作为 json object 获取。

但是否有可能我可以将值设置为 FormlyFormConfig“defaultValue”字段，而不是将表单字段值设置为模型值？

如果不是，是否可以为模型设置附加属性。

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

Here is the sample

【问题讨论】：

标签： angular-formly ngx-formly

【解决方案1】：

我正确理解了您的问题，您可以在该字段中添加一个默认值。例如：

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>

【讨论】：