Angular 14 严格类型反应 forms 使用 Generics

Question

export type ModelFormGroup\<T\> = FormGroup\<{
\[K in keyof T\]: FormControl\<T\[K\]\>;
}\>;

我需要 formcontrol 和 formArray 的通用接口。

我能够创建表单控件。 但我不知道如何使用 formarray。

Answer 1

我不确定你想要达到什么目的，但你可以尝试类似的东西：

export class GenericFormArray<T extends AbstractControl> extends FormArray {
  constructor(controls: T[]) {
    super(controls);
  }
}

const fb = new FormBuilder();
const formArray = new GenericFormArray([
   fb.array([{age: 25, name: "fu"}, {age: 12, name: "bar"}]),
]);

你看过： Angular 强类型响应式 forms吗？