const form = {
  userId: { type: "string", config: {...}},
  productIds: { type: "numberArray", config: { options: [1, 2, 5], ... },
}

const formControlsMap = {
  string: StringInputComponent,
  numberArray: SelectComponent,
}

interface DynamicFormControl {
  @Input() readonly config: unknown;
  @Input() readonly formControl: FormControl; // или имплементит CVA
}

@Component({
  selector: "dynamic-form-control-host",
  template: "<ng-container *ngxComponentOutlet="component"></ng-container>"
})
export class DynamicFormControlHostComponent implements DynamicFormControl {
  @Input() readonly config: unknown;
  @Input() readonly formControl: FormControl;

  @Input() readonly component: DynamicFormControl;
}

@Component({
  template: "<dynamic-form-control-host
  *ngFor="let el of formElements"
  [formControl]="el.formControl"
  [config]="el.config"
  [component]="el.component"
></dynamic-form-control-host>",
})
class DynamicFormComponent {
  @Input() readonly form;

  formElements;

  ngOnChanges({ form }) {
    if (form) {
      this.formElements = this.formToElements(this.form);
    }
  }

  private formToElements(form) {
    ...
  }
}

const form = {
  userId: { type: "string", config: {...}},
  productIds: { type: "numberArray", config: { options: [1, 2, 5], ... },
}

const formControlsMap = {
  string: StringInputComponent,
  numberArray: SelectComponent,
}

interface DynamicFormControl {
  @Input() readonly config: unknown;
  @Input() readonly formControl: FormControl; // или имплементит CVA
}

@Component({
  selector: "dynamic-form-control-host",
  template: "<ng-container *ngxComponentOutlet="component"></ng-container>"
})
export class DynamicFormControlHostComponent implements DynamicFormControl {
  @Input() readonly config: unknown;
  @Input() readonly formControl: FormControl;

  @Input() readonly component: DynamicFormControl;
}

@Component({
  template: "<dynamic-form-control-host
  *ngFor="let el of formElements"
  [formControl]="el.formControl"
  [config]="el.config"
  [component]="el.component"
></dynamic-form-control-host>",
})
class DynamicFormComponent {
  @Input() readonly form;

  formElements;

  ngOnChanges({ form }) {
    if (form) {
      this.formElements = this.formToElements(this.form);
    }
  }

  private formToElements(form) {
    ...
  }
}