I'm facing an issue with dynamically loading <ion-select> and setting default selection using the selected attribute. It doesn't seem to work as expected. Can anyone help me understand why?
You can view the code on Plunker
app/home.page.html
<ion-item>
<ion-label>Donation</ion-label>
<ion-select>
<ion-option *ngFor="let date of donationDates" value="{{date.donationdate}}" selected="date.isChecked">
{{date.donationdate}}</ion-option>
</ion-select>
</ion-item>
app/home.page.ts
export class HomePage {
donationDates:any=[];
constructor(public navController: NavController) {
this.donationDates = [
{
id: null,
donationid: "2",
donationdate: "2017-03-12",
datedescription: "Vad Bij",
isChecked:true
},
{
id: null,
donationid: "2",
donationdate: "2017-03-19",
datedescription: "Sud satam",
isChecked:false
}]
}
}