我正在尝试使用ion-select multiple来获取所选值及其字符串..
以前我用离子复选框尝试了这个并且工作了
<ion-item *ngFor="let day of alarm.alarmDays">
<ion-label>{{day.name}}</ion-label>
<ion-checkbox [(ngModel)]="day.value"></ion-checkbox>
</ion-item>
然而,当我尝试以下它没有工作的奇迹..
<ion-item>
<ion-label>Days</ion-label>
<ion-select multiple="true" >
<ion-select-option *ngFor="let day of alarm.alarmDays" name="day.name" [(ngModel)]="day.value">{{day.name}}</ion-select-option>
</ion-select>
</ion-item>
这个错误来了
ERROR CONTEXT
ERROR TypeError: Cannot read property 'value' of undefined
这是对象
alarm: Alarm = {
alarmEnabled: true,
alarmCreatedBy: "",
alarmTitle: "",
alarmTime: "",
alarmDays: [
{
name: 'Monday',
value: false,
},
{
name: 'Tuesday',
value: false,
},
{
name: 'Wednesday',
value: false,
},
{
name: 'Thursday',
value: false,
},
{
name: 'Friday',
value: false,
},
{
name: 'Saturday',
value: false,
},
{
name: 'Sunday',
value: false,
},
]
};
iam跳跃,能够从离子选择倍数中检索值和字符串,我希望看到纠正我的英语的最小努力,除非你真的不理解......
在html(主页)中:
<ion-item *ngFor="let x of testData">
<ion-label>{{x.name}}</ion-label>
<ion-checkbox [checked]="x.value" ></ion-checkbox>
</ion-item>
<ion-item>
<ion-label>Gender</ion-label>
<ion-select multiple="true">
<ion-option *ngFor="let x of testData" [selected]="x.value"> {{x.name}} </ion-option>
</ion-select>
</ion-item>
</ion-content>
在组件(主页)中:
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
public testData;
constructor(public navCtrl: NavController) {
this.testData = [
{
name: "a",
value: true
},
{
name: "b",
value: true
}
];
}
}
运行演示:link