Is it possible to use `ngx-sub-form` with template driven forms?

Is it possible to use ngx-sub-form with template driven forms?

This means using ngModel, ngModelGroup + directive validation?

[andreElrico]

Yes it really takes out the complexity of react. forms. Ill def give it a try.

[maxime1992]

Just to demo what I’m talking about @andreElrico, if you look into the MedicalDroidComponent:

@Component({
  selector: 'app-medical-droid',
  templateUrl: './medical-droid.component.html',
  styleUrls: ['./medical-droid.component.scss'],
  providers: subformComponentProviders(MedicalDroidComponent),
})
export class MedicalDroidComponent extends NgxSubFormComponent<MedicalDroid> {
  protected getFormControls(): Controls<MedicalDroid> {
    return {
      color: new FormControl(null, { validators: [Validators.required] }),
      name: new FormControl(null, { validators: [Validators.required] }),
      droidType: new FormControl(DroidType.MEDICAL, { validators: [Validators.required] }),
      canHealHumans: new FormControl(false, { validators: [Validators.required] }),
      canFixRobots: new FormControl(false, { validators: [Validators.required] }),
    };
  }
}

<fieldset [formGroup]="formGroup" class="container">
  <legend>Medical Droid Form</legend>

  <mat-form-field>
    <input matInput type="color" placeholder="Color" [formControlName]="formControlNames.color" autocomplete="off" />
  </mat-form-field>

  <mat-form-field>
    <input matInput type="text" placeholder="Name" [formControlName]="formControlNames.name" autocomplete="off" />
  </mat-form-field>

  <mat-slide-toggle [formControlName]="formControlNames.canHealHumans">Can heal humans</mat-slide-toggle>

  <mat-slide-toggle [formControlName]="formControlNames.canFixRobots">Can fix robots</mat-slide-toggle>
</fieldset>

Could you maybe rewrite that as template driven form to compare?

I think the boilerplate here is fairly small, but would be interesting to have something to compare to 😄