# How to use multiple ion-radio controls in reactive form?

**URL:** <https://forum.ionicframework.com/t/how-to-use-multiple-ion-radio-controls-in-reactive-form/187669>\
**Category:** Ionic Angular\
**Created:** [April 20, 2020, 3:29pm UTC](https://forum.ionicframework.com/t/how-to-use-multiple-ion-radio-controls-in-reactive-form/187669 "2020-04-20T15:29:45Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sweg](https://avatars.discourse-cdn.com/v4/letter/s/9dc877/32.png) [@Sweg](https://forum.ionicframework.com/u/Sweg)\
**Post date:** [April 20, 2020, 3:29pm UTC](https://forum.ionicframework.com/t/how-to-use-multiple-ion-radio-controls-in-reactive-form/187669/1 "2020-04-20T15:29:45Z")

</div>

In my Ionic / Angular app, I am trying to allow users to select a user type when signing up.

For example, I want them to choose whether they are a Customer or a Supplier.

I tried to add these 2 options to an `<ion-radio-group>` as part of a reactive form.

I have tried adding `formConrolName` to the `<ion-radio-group>`, & then using the value of the `ion-radio`, but that is not working.

I’m just wondering what is the best work-around option that can allow me to enable this functionality?

---

<div class="post-metadata">

**Author:** ![WebmasterBelize](https://avatars.discourse-cdn.com/v4/letter/w/a698b9/32.png) [@WebmasterBelize](https://forum.ionicframework.com/u/WebmasterBelize)\
**Post date:** [April 20, 2020, 11:05pm UTC](https://forum.ionicframework.com/t/how-to-use-multiple-ion-radio-controls-in-reactive-form/187669/2 "2020-04-20T23:05:36Z")

</div>

> [@Sweg](#):
>
> e best work-around option that can allow me to

in your html add:

```auto
<ion-radio-group formControlName="notifyMe">

     <ion-item>

       <ion-label>Customer</ion-label>

       <ion-radio

         slot="start"

         value="customer"

         formControlName="notifyMe"

 

       ></ion-radio>

     </ion-item>

     <ion-item>

       <ion-label>Supplier</ion-label>

       <ion-radio

         slot="start"

         value="supplier"

         formControlName="notifyMe"

       ></ion-radio>

     </ion-item>

   </ion-radio-group>

```

in your ts add:

```auto
myForm: FormGroup;

ngOnInit() {

    this.myForm = this.fb.group({

      notifyMe: ' customer', //Set Default value to Customer, will change when radio button is pressed

    });

  }

```