Programmatically Checking Ion Radio from TypeScript

Question

Programmatically Checking Ion Radio from TypeScript

I have a fairly simple question, but I cannot find an answer. I have this code:

<ion-list radio-group [(ngModel)]="profile_activities" name="activities">
    <ion-item>
        <ion-label>Option 1</ion-label>
        <ion-radio  (ionSelect)='selectedActivity($event);' value="0"></ion-radio>
    </ion-item>

    <ion-item>
        <ion-label>Option 2</ion-label>
        <ion-radio (ionSelect)='selectedActivity($event);' value="1"></ion-radio>
    </ion-item>

    <ion-item>
        <ion-label>Option 3</ion-label>
        <ion-radio (ionSelect)='selectedActivity($event);' value="2"></ion-radio>
    </ion-item>
</ion-list>

... and I would just like to pre-validate the value from typescript based on the information I am getting from my database. How can I check ionic radio from Typescript?

Thank!

+3

angular typescript ionic2

fraxool 04 Apr 17 at 15:28

source to share

1 answer

fraxool · Accepted Answer · 2017-04-04T15:44:03+0000

Ok, I managed to find the answer. In TypeScript, I just need to enter a default value for the radio to be checked like this:

this.profile_activities = "1";

... for example, in the function ionViewWillEnter()

and the radio is checked with value="1"

!

Programmatically Checking Ion Radio from TypeScript

More articles: