Get selected radio button value from angular form array

412 Views Asked by At

Angular code

public radioForm: FormGroup = this.formBuilder.group({
        selectedMainAnswer: this.formBuilder.array([], [Validators.required])
    });


const control = <FormArray>this.radioForm.controls['selectedMainAnswer'];
        for (const s of this.selectionControl) {
            const selectedForm: FormGroup = this.formBuilder.group({
                label: [s.label, [Validators.required]],
                key: [s.key, [Validators.required]]
            });
            control.push(selectedForm);
        }

Html

<span
          class="g-radio-wrapper"
          formArrayName="selectedMainAnswer"
          *ngFor="let selection of radioForm.get('selectedMainAnswer')['controls']; let i = index"
        >
          <div [formGroupName]="i">
            <input
              type="radio"
              value="selection.value.key"
              id="radio-{{ i }}-{{ index }}"
              name="radio-type-{{ index }}"
              class="g_input-radio--block"
            />
            <label for="radio-{{ i }}-{{ index }}" class="g_label-radio g_label-radio--horizontal">{{
              selection.value.label
            }}</label>
          </div>
    </span>

How to get user selected radio button value, I have tried below code

this.claimRadioForm.get('selectedMainAnswer') as FormArray;

But above I am getting all info instead only the selected one.

0

There are 0 best solutions below