Angular Recursive TypedForm

typed-form-model.ts

import type {TypedForm} from './typed-form'

type TypedFormModel<T> = {
  // Verifique cada tipo do model
  [K in keyof T]: TypedForm<T[K]>
}

export type {TypedFormModel}

typed-form.ts

import type {FormArray, FormControl, FormGroup} from '@angular/forms'

type TypedForm<T> =
  // Caso T seja um array
  T extends Array<infer U>
  // retorne U
  ? FormArray<
    // e U seja um objeto
    U extends object
      // inicie a verificacao para U
      ? FormGroup<TypedFormModel<U>>
      // ou retorne U
      : FormControl<U>
    >
  // caso seja objeto
  : T extends object
  // inicie a verificação para T
  ? FormGroup<TypedFormModel<T>>
  // caso seja boleano
  : T extends boolean
  // retorne boolean
  ? FormControl<boolean>
  // caso seja string
  : T extends string
  // retorne string
  ? FormControl<T | string>
  // caso seja número
  : T extends number
  // retorne número
  ? FormControl<number>
  // ou retorne T
  : FormControl<T>

  
 export type {TypedForm}