Default radio-group not working

Ionic Framework ionic-v3
1

Greeting of the day, Have check other solution yet none works.

Why can’t the ion-radio button be default selected?

<ion-col>
                <ion-list radio-group [(ngModel)]="allItem.qty" no-lines>

                    <ion-item>
                        <ion-label>*1</ion-label>
                        <ion-radio value="1" checked="true"></ion-radio>
                    </ion-item>


                    <ion-item>
                        <ion-label>*2</ion-label>
                        <ion-radio value="2"></ion-radio>
                    </ion-item>

                </ion-list>

            </ion-col>

Thank you in advance.

2

it can

  <ion-list radio-group>

    <ion-item>
        <ion-label>a</ion-label>
        <ion-radio></ion-radio>
    </ion-item>

    <ion-item>
        <ion-label>b</ion-label>
        <ion-radio checked="true"></ion-radio>
    </ion-item>

  </ion-list>

works for me

3

I tried on android device same it is not working weird.

4

maybe, for some reason, [checked]="true" will work

5

not sure if it’s because ngModel made an impact to it?

6

I wouldn’t think so, but, it’s strange that it’s not working so a strange explanation fits

7

but in my case its not working

8

try <ion-radio checked></ion-radio>

9

This is precisely it. Exactly as with <ion-select>, if you bind a model to the parent component, it trumps all attributes set on the children. Assign to allItem.qty and you will see it reflected in the radio group selection. The checked attribute only comes into play if there is no bound model on the radio group.

10

Good to know. Thanks.