Typed Reactive Forms in Angular

Question

I am getting the below error when using Typed Reactive Forms in Angular 14 and I have defined a type that maps a model to a strict form group. The error only occurs when using the Date or Blob type. PS: I use Angular 14.

Error: src/app/sumarios/submission-sumario/submission-sumario.component.ts:903:7 - error TS2740: Type 'FormControl<Date>' is missing the following properties from type 'FormGroup<ControlsOf<Date>>': controls, registerControl, addControl, removeControl, and 2 more.

903       dataCriacao: new FormControl(sumario.dataCriacao),

Source:

export type ControlsOf<T extends Record<any, any>> = {
  [P in keyof T]?: T[P] extends Record<any, any>
  ? T[P] extends (infer U)[] ? (U extends Record<any, any> ? FormArray<FormGroup<ControlsOf<U>>> : FormArray<FormControl<U>>) : FormGroup<ControlsOf<T[P]>>
  : FormControl<T[P]>
}

Class:

[EDIT]

Here is the basic example demonstrating the error

Please provide enough code so others can better understand or reproduce the problem. — Community
– Community Bot, Commented Sep 28, 2022 at 11:57

paranaaan · Accepted Answer · 2022-09-28 02:17:48Z

1

Do ControlsOf is your concern? If not, you can try to replace with ngx-mf.

Here is example stackblitz

Here is more information about: 4 Problems of Angular 14 Typed Forms and How to Fix Them

answered Sep 28, 2022 at 2:17

paranaaan

1,7552 gold badges13 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Leandro Over a year ago

yes, it seems that the function only recognizes primitive type and class. The object, such as Date or Blob, does not. It seems that you have to adjust the function to recognize object.

Leandro Over a year ago

I've included the example link above on stackblitz.

Collectives™ on Stack Overflow

Typed Reactive Forms in Angular

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related