angular - 当字段配置来自服务时如何指定 ngx-formly 字段格式化程序

Question

在我正在处理的应用程序中。我们将字段配置作为服务 json 响应的一部分。

对于某些输入字段，我们需要有一个特定的格式化程序。示例：对于少数输入字段，我们需要将输入的输入值转换为大写。后端可以发送的所有字段的值都应该被格式化

示例： templateOptions : { tranformToUpperCase : true }

有没有更好的方法来对输入文本进行这种转换/格式化。

Answer 1

我想你的字段配置有点像

fields=[{name:'name',label:'Name'},{name:'surname',label:'Surname'}]

只需添加另一个属性“样式”，例如

fields=[{name:'name',label:'Name',style:{'text-transform':'uppercase'}},
        {name:'surname',label:'Surname',style:{'text-transform':'uppercase'}}]

只需使用 [ngStyle]

<form [formGroup]="form">
  <div *ngFor="let field of fields">
    {{field.label}}
    <input [ngStyle]="field.style" [formControlName]="field.name">
  </div>
</form>

注意：我想你有一些类似于

form=this.getEmptyForm();

getEmpyForm()
{ 
   const form=new FormGroup({});
   this.fields.forEach(x=>{
      form.addControl(x.name)
   })
   return form;
}