is there any way to bind wj-combo-box with form control name in angular 4

Question

<wj-combo-box 
    [itemsSource]="years" 
    formControlName="modelYear" 
    class="form-control" [isEditable]="false" 
    [isDisabled]="isEditVehicle"
    placeholder="Select model year">
</wj-combo-box>

I'm tried the above code, but i'm getting error when submiting the form.

ERROR Error: There is no FormControl instance attached to form control element with name: 'modelYear' at _throwError

score 0 · Answer 1 · answered Apr 03 '18 at 21:59

Your Combo control should be a child of a form group object:

<form [formGroup]="vehicleForm">
  <wj-combo-box 
     [itemsSource]="years" 
     formControlName="modelYear" 
     class="form-control" [isEditable]="false" 
     [isDisabled]="isEditVehicle"
     placeholder="Select model year">
  </wj-combo-box>
</form>

In the component code constructor, you need to create the form group object like this:

constructor(private fb: FormBuilder) {
  this.vehicleForm = this.fb.group({
    modelYear: null,    // or feel free to pre-populate it
  });
}

Please let me know if I miss something.

is there any way to bind wj-combo-box with form control name in angular 4

1 Answers1