获取 formGroup 中的表单 ID

Question

我使用 ngx forly 来构建表单。我需要的是访问我拥有的一些自定义类型中的表单 ID。基本上我需要访问 formGroup 中的表单 ID。

HTML

   <div>
        <form [formGroup]="form" [id]="formId">
            <formly-form [form]="form" [model]="model" [fields]="fields" [options]="options"></formly-form>
        </form>
    </div>

.ts

 formId = "unique_id_from_backend"
 form = new FormGroup({});

输入类型组件

@Component({
    selector: 'input-field',
    templateUrl: './input.html',
})
export class InputFieldComponent extends FieldType implements OnInit {

    ngOnInit(): void {
        console.log(this.form);
        // here i can access formGroup that i am passing in <form> but it seems id property is 
        // not there. Is there some way i can access form id?
    }

}

Answer 1

在自定义字段类型中，您可以访问字段和选项实例，您可以在其中获取 ID、键...

对于您的用例，您可能依赖于 formState，因此将 formId 分配给 options.formState：

  form = new FormGroup({});
  options = { formState: { id: "unique_id_from_backend" } }

export class InputFieldComponent extends FieldType implements OnInit {
  ngOnInit(): void {
    console.log(this.formState.id);
  }
}

获取 formGroup 中的表单 ID

Get form id in formGroup

forms

typescript

angular

angular-reactive-forms

ngx-formly